Docs

[daniq]

Hello,

I just began setting up my website, but I can’t seem to fix the menu. I have started with the demo integrity 5 and I really want my menu to look like that. Also when I got to the customizer looking at in for mobile is very different from demo. It does not seem to be working correctly. How can I make my menu exactly like that one?

My second question is how can I switch background color and text color from the top bar and footer.

Thank you,
Daniela Quiros

[Thai]

Hi Daniela,

Please provide us with your website URL so we can take a closer look.

Thanks.

[daniq]

This reply has been marked as private.

[Lely]

Hi Daniela,

Thank you for the credentials.
Do you have caching on your hosting? It seems that we’re seeing cache content. I can see from your wordpress admin that you have setup X correctly. But then on the frontend when I check the code, I can’t see X source code but rather bootstrap. See this:http://screencast-o-matic.com/watch/cD6tnbjmwn
Please try to clear cache and then check again.

[daniq]

Hello,

I am sorry I am very new to this. How can I clear cache?

[Jade]

HI there,

Kindly get in touch with your hosting as it is something they could check on their end.

Let us know how it goes.

[daniq]

Hello,

I was finally able to restore the menu to look like that one of the demo theme integrity 5. However, it is small and all stuck up to the top. I wonder how I could change this to look more like the screenshot. Also I would like the drop down menu to be like the one of the shortcodes that is divided into columns, but with no border-radius. I want corners to be straight.

Thank you,

[Rue Nel]

Hello There,

Thanks for providing the screenshot for more clarifications. You can adjust the font size of your menu by going in to the customizer. Please go to Appearance > Customize > Header > Links – Text and adjust the “Navbar Font Size (px)”.

And to create the menu just like the demo Integrity 1, please check out this page from our knowledge base: https://community.theme.co/kb/how-to-setup-megamenus/

Hope this helps. Please let us know how it goes.

[daniq]

Hello,

Thanks for the help. I have corrected the font size however my menu is still stuck to the top and not centered vertically in the nav bar.

[Nabeel A]

Hi there,

Thanks for updating the thread! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar .x-nav > li {
    padding: 11% 1.429em !important;
}

Let us know how this goes!

[daniq]

Worked perfectly!! The only things is that on mobile the space remains too large between the items. How can I fix this? Also the topper on mobile turns grey I would like to eliminate that so it doesn’t change color at all. Thank you for your support it is amazing!

[daniq]

topbar*

[daniq]

Im having an issue with the menu. I want the drop down menu to be divided into columns as a big menu as I previously mentioned however I am only getting drop down menus for each column category.

[Joao]

Hi There,

To remove the grey background please add the following code to Appereance > Customizer > Custom > CSS

@media (max-width: 767px) {
.x-topbar .p-info {
    background: none;
}
}

You are using shortcodes at the moment on your topbar, topbar do not render shortcodes you need to use html codes, you can find all the icons here:

http://theme.co/x/demo/integrity/1/shortcodes/icons/

Regarding your menu it seems like you found the solution since the mega menu it is rendering as expected.

Let us know if you need further help,

Joao

[daniq]

Yes I was able to do the megamenu I made a stupid mistake. The code worked perfectly thank you!

1. How can I make the titles of my megamenu blue
2. The line when you hover on top of each menu item like “Colecciones” , etc how can I switch that line instead of having it up to the bottom like underlining the text and more padding because right now it is on top of my letters.
3. Instead of having vertical lines separating my columns of the mega menu can I have them horizontally under each title?
4. How can I remove border-radius and shadow from the menu? I just want straight corners.
5. Is there a possible way to extend the white background of the megamenu to be like full width?

Thank you again!!

[Author]

Posts