Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 13, 2018 at 4:04 am #996518
    entrepreneur41

    Hi,

    With any of the default position choices of the cookie consent box, I’m forced to cover up important content (logos, menu, important text).

    I’d like for the box to slide in from the Center Left (as opposed to the Bottom Left).

    Can you please provide the CSS snippet that will do that?

    Thanks!

    August 13, 2018 at 8:53 am #996575
    Dude

    Hey entrepreneur41,

    You can try this css code as a starting point – add it to the quick css field or child theme style.css:

    
#top #wrap_all .avia-cookiemessage-bottom {
    bottom: 25%;
}
#top #wrap_all .avia-cookie-consent {
    width: 30%;
}

    You need to set the cookie message position to “bottom”, otherwise the code won’t work. Replace 25% with another value to change the position of the cookie message and 30% to change the width of the cookie bar.

    Best regards,
    Dude

    April 13, 2021 at 5:27 pm #1294194
    KateWebsite1

    Hi,

    I have been trying to change the position of the cookie consent box. At the moment I have it set to bottom left and it looks good on my computer but when viewed from a mobile device it clashes with my newsletter subscription bar. It is half visible behind the newsletter bar and looks messy. (Website link provided below.)

    Is there a way to make it sit higher on the page so it appears above the newsletter bar on mobile devices? I have tried the above quick css code with the cookie message position set to ‘bottom’ but it doesn’t seem to do anything unfortunately. Any help much appreciated!

    Best wishes,
    Kate

    April 16, 2021 at 3:53 am #1294659
    Ismael

    Hi,

    @Kate: You can use this css code to adjust the position of the consent bar, or to move it higher up the page.

    .avia-cookiemessage-bottom-left {
    bottom: 60px;
    left: 60px;
}

    Adjust the bottom position value if necessary.

    Best regards,
    Ismael

    April 16, 2021 at 2:22 pm #1294801
    KateWebsite1

    Hi Ismael,

    Thanks for your reply. I have tried adding the code you posted and changing the ‘bottom’ value but it doesn’t seem to do anything. I have added it to the quick css box. When it didn’t do anything, I deleted it then tried it also in the custom css box. Neither seem to do anything. I have copied it below the other css code in the box for other customisations. Is that wrong?

    I tried adjusting both bottom and left to see if anything happened and emptied cache without any visible movement of the consent box.

    Best,
    Kate

    April 19, 2021 at 5:55 am #1295092
    Ismael

    Hi,

    Thank you for following up.

    Is the Performance > File Compression settings enabled when you added the css? You may need to disable that settings temporarily, or toggle it after adding the changes.

    Best regards,
    Ismael

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