On Mobile: Overlapping my Theme’s Menus

  • Resolved wooq123

    (@wooq123)


    6 years, 2 months ago

    Hi,

    The bar is working great except for on mobile. On an an initial page load, it is properly placed at the very top of the page just like I want it, with the rest of my site’s content pushed below it. However, when I click on my theme’s menu buttons in the navigation bar, the mailchimp bar is covering them when they pop up. Is there any css that can be added to either instruct ALL content to load below the bar, or for it to not sit above all other content (such as menus)?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter wooq123

    (@wooq123)

    Or, is there any code that can move the bar to the bottom of the screen below a certain resolution? I’m having to hide the bar on mobile resolutions currently because it overlaps with my slide-out mobile menus.

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello,

    Thanks for reaching out to us.

    While it’s beyond the scope of our support to resolve compatibility issues with them, if you simply want to hide the top bar on a mobile device, you can use the following CSS:

    @media( max-width: 600px ) {
    #mailchimp-top-bar { display: none !important; }
}

    I hope that resolves the issue. Let us know if you require any further assistance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘On Mobile: Overlapping my Theme’s Menus’ is closed to new replies.