Top Banner Form eating up the heading on Mobile

  • Resolved gallegoara

    (@gallegoara)


    2 years, 7 months ago

    Hi dears,

    I am using the Top banner and it looks fab on desktop but on the mobile is taking the space of the header with the logo and menus… Is it possible to have the option to keep it only for desktop+ iPad and hide it for mobile… or is it possible to reduce the size of the button and the email field?
    Thanks a lot!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Lap

    (@lapzor)

    If the screen is smaller than 750 pixels, hide the top-bar:

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

    You can add this code under Appearance > Customize > Additional CSS / Custom CSS / Manual Style (the exact naming can be a little different for each theme) or if your theme doesn’t have such an option you can add it via a plugin like Simple Custom CSS.

    Hope that helps. If you have any questions, please let me know!

    Thread Starter gallegoara

    (@gallegoara)

    Thanks a lot! Works like a charm!!!

    Araceli

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Top Banner Form eating up the heading on Mobile’ is closed to new replies.