Put cookie notice above the banner? - by MichaelB

This topic has 15 replies, 3 voices, and was last updated 2 years, 11 months ago ago by Olga Barlow

  • Avatar: MichaelB
    MichaelB
    Participant
    March 1, 2021 at 01:09

    How can I put the cookie notice above the banner?

    Please can you login and fix?

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 1, 2021 at 08:18

    Hello,

    Here is what I can see – http://prntscr.com/10a1gzn Do you want to get this – https://prnt.sc/10a1lg0 or something else? Please describe the desired result in more detail.

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    March 1, 2021 at 09:01

    Thank you for your quick reply.

    Please can you put the cookie notice above the 50% free part?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 1, 2021 at 09:13

    Add custom CSS code into Theme Options > Theme custom CSS, for example:

    #cookie-notice {
        top: 60px !important;
    }

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    March 1, 2021 at 16:57

    Thanks for your reply.

    Please see my comments in private content area.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 1, 2021 at 17:17

    Hello,

    I replaced the custom code with the code below

    #cookie-notice {
        top: 0px !important;
    		padding-top:0;
    		padding-bottom:0;
    		min-height:120px;
    		display: flex;
        align-items: center;
    }
    .cookies-not-set .template-container {
    		top: 120px;
    }

    Check now, please.

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    March 1, 2021 at 17:29

    Wow!

    Much better!

    Can you make sure the height of the cookie notice isn’t too much? I want the least problem..

    https://prnt.sc/10ak2zg

    And also, can you ensure the cookie notice doesn’t say on the screen when I scroll down?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 1, 2021 at 17:59

    Hello,

    Edit custom code and change min-height and top according to your needs.

    Regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 1, 2021 at 17:59

    Hello,

    Edit custom code and change min-height and top according to your needs.

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    March 2, 2021 at 22:59

    You missed this…

    “And also, can you ensure the cookie notice doesn’t say on the screen when I scroll down?”

    Whilst there, please can you login and change the min height?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 3, 2021 at 11:04

    Hello,

    Add the below custom to Theme Options > Custom CSS to avoid scrolling of the cookie notice message

    #cookie-notice {
        position: absolute;
    }

    I don’t know the height you want to have for the cookie message, so change it by yourself according to your needs.

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    March 3, 2021 at 23:32

    Perfect!

    The cookie notice doesn’t move on scroll.

    Fixed!

    Avatar: MichaelB
    MichaelB
    Participant
    March 3, 2021 at 23:33

    “Hello,

    Edit custom code and change min-height and top according to your needs.

    Regards”

    #cookie-notice {
        top: 0px !important;
    		padding-top:0;
    		padding-bottom:0;
    		min-height:120px;
    		display: flex;
        align-items: center;
    }
    .cookies-not-set .template-container {
    		top: 120px;
    }

    I have tried but it doesn’t work πŸ™

    Any ideas?

    We are NEARLY there πŸ™

    Avatar: MichaelB
    MichaelB
    Participant
    March 4, 2021 at 01:46

    Cannot edit above post (glitch using iPhone 12 Safari). Clicking the edit button just refreshes the page.

    Pleased to say when you login (login details above) you will see the above css code has been tweaked. It now achieves what I want in desktop view.

    Any ideas with the logged in css code on how to get the cookie notice to stay above the 50% off widget? It currently overlaps in mobile view.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 4, 2021 at 17:54

    Hello,

    1) Don’t forget to close the rules https://prnt.sc/10d1m7c !
    2) Use media queries to change the height depending on device width, for example

    @media (max-width:1180px) and (min-width:570px){
        .cookies-not-set .template-container {
            top: 120px;
        }
    }
    @media (max-width:569px){
        .cookies-not-set .template-container {
            top: 150px;
        }
    }

    Regards

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.