Misaligned sub menu items with slider revolution

[flyingpenguins]

Hi there,

Just started to make some use of a new site we have been creating with X. But coupled with Cornerstone and Slider Revolution headers we are getting some weird sub menu problems.

Can you give us some recommendations?

[jade]

Hey Paul,

There might be some custom CSS that is causing the alignment issue and most definitely be specific to the site you’re working on. I was trying to check your account to find the website in question but you have several licenses so I am not sure which site it is.

Would you mind providing the link so that we can check and provide some suggestion?

Thank you.

[flyingpenguins]

Sure, here we go:

[andreiv]

Hi Paul,

You can fix this by setting the background of sub menu links a dark color. Here is a css that will help you with that. Just put this in X -> Theme Options -> CSS and feel free to adapt it as you need

.x-navbar .desktop .sub-menu li>a{
background:black 
}  

[flyingpenguins]

@andreiv

.x-navbar .desktop .sub-menu li>a{
background:black
}

Thanks for the suggestions but this is still way off positioning wise?

Do you have any suggestions for the alignment problem? Is this a problem with the Slider Revolution getting in the way… because surely this isn’t the ‘default’?

[rad]

Hi Paul,

Your navbar’s height is 100px, but it appears there is added 200px as well. I’m not sure which is custom CSS since it’s included on minified/generated CSS. It’s the 200px height that pushing the menu, you can fix it by adding this CSS in Theme Options > CSS

.x-navbar .desktop .x-nav>li>a {
    height: auto !important;
}
.x-navbar .desktop .x-nav>li ul {
    top: auto !important;
}

Thanks!