Possible to have transparent navbar while mobile menu pushes content down?

[Omwoods]

In this post https://theme.co/apex/forum/t/mobile-menu-doesnt-drop-content-downwards-after-making-it-transparent/68861 I got CSS from you to fix the issue described in the ticket. But the new CSS doesn’t work as I’d like it to. It just makes the mobile size menu “normal” and stops it from being a transparent navbar, with the background image of the page showing behind the nav bar area. Can you please see, if there’s a way to make the mobile menu “push the content down” when it opens, instead of opening “on top” of the content - WHILE keeping the transparent background image on the top, behind the nav bar area. Thank you!

[nabeel]

Hi Bhakti,

Thank you for reaching out to us. To make the mobile menu transparent, you can add the following code as well in the Theme Options > CSS:

@media screen and (max-width: 979px) {
    .x-navbar {
        background-color: transparent;
    }
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!