Docs

[Bark201]

I am using the icon stack. I noticed that with integrity the top nav menu is positioned more to the right and in icon its being adjusted to the top. I cannot change the stack to integrity. What I would like to do is have the nav menu positioned to the right like integrity stack default setting.

I will give the url in private, I am using icon and cannot change to integrity.

[Bark201]

This reply has been marked as private.

[Thai]

Hi There,

To push the menu items to the right, please reduce the padding between the menu items under Customizer > Header > LINKS – ALIGNMENT > Navbar Top Link Spacing (px):

http://i.imgur.com/XV6ctJ9.png

Hope it helps 🙂

[Bark201]

Thank you, that worked. Is it also possible to have the shadow under the top nav menu section like there is in integrity?

[Thai]

Of course, please add the following CSS:

.x-navbar {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
}

Hope it helps 🙂

[Bark201]

Yes, that was really good, thanks Thai! Last thing on this nav bar, would it be also possible to get the same hovering effect that top nav bar has in integrity? Its like a blue line appears on top of the menu item when hovered (not the sub menu items. I really appreciate your help.

[Thai]

Please add the following CSS:

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 #ff2a13;
}
.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > .x-active > a > span, 
.x-navbar .desktop .x-nav > .current-menu-item > a > span {
    border-color: transparent !important;
}

Hope it helps 🙂

[Bark201]

Thank you Thai, looks great, appreciate all your assistance.

[Thai]

You are most welcome.

[Author]

Posts