Placement of Top Bar arrow

  • Resolved collapsing_os

    (@collapsing_os)


    5 years, 4 months ago

    Hi all,

    first of all: The plugin works like a charme. The fact that my subscribver list doesn’t increase at the moment, has nothing to do with the plugin. ??

    But I have a simple question. Maybe the answer is easy. I thought I should use the top bar. This bar offers an arrow on the right side. This bar also works like a charme. But when opening my page on a mobile device, the arrow is placed directly over the menu button, as you can see in this screenshot. Is it possible to place the arrow – let’s say – on the left side of the bar?

    Thanks in advance,
    Henning

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey Henning,

    Thanks for reaching out to us.

    To move the button on the left, you can use the following CSS code:

    @media (max-width: 767px) {
    #mailchimp-top-bar.mctb-small .mctb-close {
        margin-right: 70px;
    }
}

    You can add the CSS code through a plugin like Simple Custom CSS or maybe your theme already offers a way to add extra CSS via something like Appearance > … > Edit CSS.

    Thread Starter collapsing_os

    (@collapsing_os)

    Hi Harish,

    I gave it a try, but unfortunately, it didn’t change anything. The arrow of the top bar stays on the right side and is shown as an overlay over the hamburger menu on mobile devices. :/

    Any other suggestion?

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello,

    Can you please disable the “Auto Optimize” plugin and test again?

    pro-tip; you can disable Autoptimize on a per-request basis by adding ?ao_noptimize=1 to the URL.

    if the problem is not there at that point, some autoptimize (re-)configuration might be needed to fix this. there are troubleshooting tips and info on how to exclude in the AO FAQ.

    hope this helps debugging,
    frank (ao dev)

    Thread Starter collapsing_os

    (@collapsing_os)

    Hi Harish and Frank,

    I gave it another try. Unfortunately the same situation. I’m close to deactivating the MailChimp Top Bar. :/

    The arrow stays on the top right corner where the hamburger menu in mobile view is located.

    Can we do something with this snippet?

    <div class="mctb-bar" style="/* display: none; */visibility: hidden;">

    Cheers
    Henning

    [ Please do not bump. ]

    Thread Starter collapsing_os

    (@collapsing_os)

    Sorry, forget it, I deactivated the bar.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Placement of Top Bar arrow’ is closed to new replies.