Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 25, 2020 at 3:45 pm #1263018
    jamiesteedman1

    Hi,

    I’ve got the accept cookies bar enabled to show up at the bottom of the website, and it works fine on desktop, but on mobile, the third button in the row ‘settings’ does not fit so is pushed onto a new line underneath centred. But it is right up flush against the bottom of the other two lines. Is there any way I can put a bit of padding/margin/space around the buttons so that they don’t go right up against each other like this?

    November 25, 2020 at 5:35 pm #1263038
    Yigit

    Hey Jamie,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
@media only screen and (max-width: 480px) {
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-consent-button-3 {
    margin-top: 5px;
}}

    Best regards,
    Yigit

    November 25, 2020 at 5:39 pm #1263041
    jamiesteedman1

    Ah that’s perfect, worked exactly like I wanted. Thank you very much.

    Jamie

    November 25, 2020 at 10:59 pm #1263115
    Victoria

    Hi Jamie,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Cookie bar button spacing on mobile’ is closed to new replies.