Mobile Header Menu

Support
#1

Hi xtheme people,
i can´t find a solution to this mobile header menu. when rotating 480px screen & smaller the items are over content.

#2

Hi there,

Thanks for writing in! I see you’re using full screen revolution slider behind the mobile menu. When you rotate the mobile device, the background slide doesn’t have much screen to cover with respect to your mobile menu, you should add a background color to your mobile menu to cater this situation, try adding the following code in the Theme Options > CSS:

@media (max-width: 979px) {
    .x-nav-wrap.mobile {
        padding: 0 20px;
        background: rgba(0,0,0,0.8);
    }
}

Hope this helps!

1 Like
#3

Thanks Nabeel, it fits great.

1 Like
#4