Docs

[XcitingWeb]

Hello!
Thank you for your wonderful theme. I would like how the a-links in the main menu behave when hovered. Check out my site – I would like the main menu elements not to slide down when hovered upon.

I can’t find any entries in the CSS which could cause this behaviour. Do you have a pointer for me?

Thank you very much!

[Rue Nel]

Hello There,

Thanks for writing in! By default, when you over a menu item, there is a color change or border line around it (or just underline). The sub menu will appear as you hover the menu item. You do not want to show the sub menu when you hover it?

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[XcitingWeb]

Good morning!
Yes, by default in Icon when hovering over a main menu item there is a

1. color change
2. border line
3. and the element moves around 3 pxs down

I am asking about the “moving down” part and how to shut this down. I’ve attached an image to clarify.

[Christopher]

Hi there,

Please find this code :

.x-navbar .desktop .x-nav>.x-active>a>span, .x-navbar .desktop .x-nav>.current-menu-item>a>span, .x-navbar .desktop .x-nav>li>a:hover>span {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px;
    border-top-color: #c20831;
    border-width: 4px;
}

And update it to :

.x-navbar .desktop .x-nav>.x-active>a>span, .x-navbar .desktop .x-nav>.menu-item>a>span, .x-navbar .desktop .x-nav>li>a>span {
    border-top: 4px solid transparent;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}
.x-navbar .desktop .x-nav>.x-active>a>span, .x-navbar .desktop .x-nav>.current-menu-item>a>span, .x-navbar .desktop .x-nav>li>a:hover>span {
    border-top-color: #c20831;

}

Remove this code :

.x-navbar-static-active .x-navbar .desktop .x-nav li:first-child a span, .x-navbar-static-active .x-navbar .desktop .x-nav li:first-child a {
    padding-left: 0px;
}

Hope it helps.

[XcitingWeb]

That worked just fine. Thank you. Solved!

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts