Return to previous page

Put cookie notice above the banner? - by MichaelB

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

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.

#277011 Copied Theme version: 7.2.4

14 Answers

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

#277025 Copied

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?

#277039 Copied
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
#277047 Copied
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.

#277156 Copied
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
#277160 Copied
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?

#277165 Copied

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

#277175 Copied

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

#277176 Copied

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?

#277426 Copied
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
#277517 Copied
MichaelB

Participant

March 3, 2021 at 23:32

Perfect!

The cookie notice doesn’t move on scroll.

Fixed!

#277642 Copied
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 🙁
#277643 Copied
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.

#277650 Copied
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
#277782 Copied
Viewing 15 results - 1 through 15 (of 15 total)