Mobile responsive mode

  • Resolved timmy321

    (@timmy321)


    5 years, 8 months ago

    Hi,

    Absolutely fantastic plugin, thank you for providing this!

    The banner appears to extend past the right hand of the screen when viewing on mobile devices (so the Privacy Policy button is partially hidden).

    I’ve looked throughout the forum and can’t find the answer to this. I was wondering whether there is some simple CSS or JS to fix this?

    Kind regards,

    Tim

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author WebToffee

    (@webtoffee)

    5 years, 8 months ago

    Hi @timmy321,

    Please try adding below code to theme’s CSS.

    @media only screen and (max-width: 500px) {
  .cli-bar-btn_container {
    display :inline-block;
  }
}
    Thread Starter timmy321

    (@timmy321)

    5 years, 8 months ago

    Hi webtoffee,

    Thank you for the speedy response!

    That worked a treat.

    Is there CSS that can add some padding or margin (not too sure what the difference is as they both seem to have the same effect) to the top of the ‘Privacy Policy’ link?

    I’ve attached a screenshot of what I mean:

    https://jumpshare.com/v/Bie3blk4RtVgilbXmoXA

    I’m not great with CSS so I’m struggling to find the selector for this particular piece.

    Kind regards,

    Tim

    Thread Starter timmy321

    (@timmy321)

    5 years, 8 months ago

    Then lastly is there CSS that can center the descriptive text ‘we use cookies…’ for this mobile view?

    I feel it would be more pleasant on the eye if this was possible 🙂

    Thread Starter timmy321

    (@timmy321)

    5 years, 7 months ago

    Fixed it. I’ve closed the thread.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile responsive mode’ is closed to new replies.