Docs

[theoutdoorarmory]

Hi,

My website is theoutdoorarmory.com

Could anyone help me with the hover feature? Please see screen cap for reference.

I aim to do the following:

(1) Eliminate the thin space between “SHOP” and “View my cart” … same with other menus

(2) “ALPS Mountaineering” should be in line with “Brands”

(3) “ALPS Mountaineering” should be on the right (instead on the left) of “Brands”

I already have customized CSS codes here. So I can give you my username and password to make this easier.

Please advise.

THanks

[Christopher]

Hi there,

Please add this CSS code:

.x-navbar .desktop .x-nav > li ul {
    top: 71px !important;
}
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    top: 0;
right: 0;
    left: 100%;
}

Find this code and remove min-width property :

.desktop .sub-menu {
    background-color: black;
    padding: 0;
    min-width: 100px;
}

Hope it helps.

[theoutdoorarmory]

Hi,

Codes are not working.

See screen cap for my CSS.

Also attached is a screen cap of how menu and sub menu hovers.

What I want is this:

(1) If you hover on “Shop”, I want the “View My Cart” just in line with the border between the menu and the picture.

(2) I want the “View my cart” horizontally in line with “Shop”, adjusting it from the left to the right.

(3) “Alps Mountaineering” should be in line with “Brands”

I hope I got my point across. Homepage is: theoutdoorarmory.com
Thanks

[Rue Nel]

Hello There,

Thanks for the updates!

To align the Shop and the View my cart as what have you describe in your post, please add this code in your customizer;

.site .masthead-inline .x-navbar .desktop .sub-menu {
    left: 0;
    right: auto;
}

.site .masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    left: 100%;
    top: 0 !important;
}

Before this code will take effect, you need to remove the previous given css.

Please let us know how it goes.

[theoutdoorarmory]

Which previous CSS? The one that you first mentioned?

[Joao]

Hi There,

Remove the CSS as Christian recommended.

Remove the CSS that Christian gave you as Rue Nel recommended.

Put the CSS that Rue Nel reccomended on Customizer.

If it doesnt work, please provide us your URL and WP-Admin credentials and make sure to mark the reply as private.

Hope that helps,

Joao

[theoutdoorarmory]

This reply has been marked as private.

[Rad]

Hi there,

I just added it and works. Cheers!

Thanks!

[Author]

Posts