Different menu button layout

Support
#1

Hi

I use one of your themes and like the navigation menu, but as i have created sub menus as well, those text get blended away when hovering over the main menu.

Can i change navigation menu? Buttons, hover color??

#2

Hi There,

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

Thank you

#3

www.creativevfx.net there is a undercontruction page with a login in the bottom right corner.
Secure note to bypass the undercontruction

Look under the connect button, my subs does not look to good. What kind of styles can i appli here?

#4

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.desktop .sub-menu {
    background-color: #001937 !important;
}
.x-navbar .desktop .sub-menu li > a {
    color: #fff;
}
.x-navbar .desktop .sub-menu li > a:hover {
    color: #da5454;
}
#5

Thanks. That helped…

Is there anything i can do to the main navigation in terms of spicing it up more visually? Maybe fontawesome icons?

#6

Hello There,

Thanks for updating in! To add some icon for your menu items, please go to Appearance > Menus and select your menu. You can then insert the html code just like this: http://prntscr.com/fv8oo6

<i class="x-icon x-icon-cart" data-x-icon="&#xf07a;" aria-hidden="true"></i> Cart

You can get the Unicode HTML entity or the data-x-icon value from here: http://fontawesome.bootstrapcheatsheets.com/

Hope this helps.

#7

When i insert the code in the navigation panel for home the HOME gets overiden by the code and i save the menu, but still no icon

UPDATE: I figured it out now. It works, thanks…

#8

This code i have put in the very top in the custimizer code editor. Please see screenshot, it messes up some of the front page elements…’

#9

Hi There,

I don’t see that CSS code affecting the custom headline or card elements. Please make sure you’re not stripping the other block of css when adding the code.

Thanks,

#10

Hi
See this screenshot from my mobile. Everything works fine on computer but from mobile, all menus except the home page has an issue with not displaying the top of the page because of the menu

#11

Hi again,

That’s because you’ve this code in your Customizer:

header.masthead + div {
    margin-top: -90px;
}

Please remove it to fix the issue. Let us know how this goes!

#12

Juhaaa…
That did it… Thanks

#13

You’re welcome!
We’re glad we were able to help you out.

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.