Support » Plugin: MC4WP: Mailchimp for WordPress » Placement of Top Bar arrow

  • Resolved collapsing_os

    (@collapsing_os)


    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.

    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?

    Optimizing Matters

    (@optimizingmatters)

    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)

    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. ]

    collapsing_os

    (@collapsing_os)

    Sorry, forget it, I deactivated the bar.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.