Trying to get container full width on mobile

  • Resolved Andrew Forbes

    (@indie403)


    4 years, 8 months ago

    Hi COVID-19 plugin developers,

    Thank you for making an easy straight forward plugin to use!

    One small thing: I’ve added the Overlay banner to my website and I’m trying to make the container full width on mobile, so it doesn’t take up too much space down the page, but I can’t get it to work.

    This is what I’ve added to the Custom CSS (Mobile) area…

    #ocvb-container.ocvb-display-type-overlay #ocvb-body {
    left: 0%!important;
    right: 0%!important;
    }

    Thanks.
    Andrew

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Nick Tomkin

    (@orchestrated)

    Hey Andrew! Without seeing more, have you tried adding the css without the selectors? Add only this to the Custom CSS (Mobile) text area:

    left: 0%!important;
    right: 0%!important;

    Thread Starter Andrew Forbes

    (@indie403)

    That worked! Thank you!

    Last question: is there an easy way to turn the ‘Link Text’ link into a button link instead of a text link. I was hoping a little CSS of adding a border and some padding would do the trick, but I can’t seem to target it correctly.

    Thanks!
    Andrew

    Plugin Author Nick Tomkin

    (@orchestrated)

    You can’t presently do this within the plugin, but we may release a version soon with this feature. For now, add this to your style.css:

    #ocvb-container-notice-link a {
    border: 1px solid white;
    padding: 10px 30px;
    margin: 10px 0;
}

    Thank you!

    • This reply was modified 4 years, 8 months ago by Nick Tomkin.
    • This reply was modified 4 years, 8 months ago by Nick Tomkin.
    Thread Starter Andrew Forbes

    (@indie403)

    Understandable. Thanks!

    Plugin Author Nick Tomkin

    (@orchestrated)

    @indie403 In the latest version of the plugin, the link is now displayed as a button. Thank you for your feedback.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Trying to get container full width on mobile’ is closed to new replies.