Sub-sub menu is floating

Support
#1

Hi there,

My sub-sub menu is floating on the left of the dropdown, whereas it should be attached to the dropdown on the right. Please see the screen-grab to understand what I mean.

How can I get the sub-sub menu to reattach and move it to the other side of the dropdown?

Thanks!

#2

Hi,

Can you provide us your site url, so we can take a closer look.

For the mean time, you can try adding this in Theme Options > CSS

body .x-navbar .desktop .sub-menu .sub-menu {
    left: 100%;
    right:auto;
}

Hope that helps.

#3

Hi,

Thanks for the quick reply!

The site I’m working on is hermanbroeren.proberen.nu

In a secure note I will include login credidentials incase you should need them.

The CSS you provided doesn’t appear to do anything.

Thanks!

#4

Hi,

I checked and can see a lot of syntax errors in your css code in Theme Options > CSS

You missed to close a lot of @media which prevents all codes below it from working

I went ahead and added the close brackets to fix the issue.

You may now add the code below to fix your sub menu.

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

Thanks

#5

Hi,

Thanks for the help! I guess when you look at the code for too long you miss those tiny things.

Thanks so much! The CSS works now. I have a bunch of cleaning up to do though!

Have a good one!

#6

You’re most welcome! :slight_smile:

#7

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