Docs

[chris-w]

So I am having a few issues with the ‘responsive menu’ Previously I wanted to remove the white line above and below the UBER Menu which I managed to do with the help of someone here with this snippet of code.

.x-navbar {
   border: 0 !important;
}

.x-navbar-fixed-top-active .x-navbar-wrap {
margin-bottom: 0 !important;
}

But now every time the page compresses at a certain width the revolution slider gets pushed down and the menu sits on top of it vertically instead of floating on top as it does when viewing in full screen mode.

Not 100% sure what I’ve done but its driving me crazy! How do I get the mobile Menu and the tablet size menu to stay in the same position as the full width one instead of pushing the page down?

[chris-w]

the page in question can be seen here http://goo.gl/SASfy0

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}
@media (min-width:979px){
.x-slider-container.below {
    margin-top: -57px;
}
}

Hope that helps.

[Author]

Posts