Navigation
Archive / ConvertPlug Info Bar has unadjustable padding on mobile browsers
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 15, 2017 at 12:41 pm #1408367
    ArtOfSpring
    Participant

    Hi there,

    on my site:
    https://mybetterlife.de/relaunch-2/
    I used the ConvertPlug Info Bar to implement a sticky bar on the bottom.
    I placed two buttons in it. They are supposed to stay next to each other without stacking on smaller screens.

    This works perfect on desktop screens, even If I squeeze the browser window to the smallest width.
    But on mobile browsers, there is a huge padding left and right which is causing the second button to make a break after the first word.

    How can I get rid or adjust that padding?
    Please find a screenshot attached.

    March 15, 2017 at 9:10 pm #1409029
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To resolve your issue, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

    @media(max-width: 767px){
  body .cp-blank-info-bar .cp-content-container {
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

    Hope this helps. Please let us know how it goes.

    March 16, 2017 at 5:37 am #1409397
    ArtOfSpring
    Participant

    Thank you 🙂

    March 16, 2017 at 8:34 am #1409557
    Joao
    Moderator

    You are welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1408367 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>