Hey! i recently implemented consent banner to my website, its suppose to be a banner at the bottom of the screen (which it is on desktop) but for some reason it takes up the entire screen on mobile, which not only looks hideous, but veers potential customers away as well.
How can i make it to where to banner is an actual banner?
Hi, @Jdierck
Can you please share the store URL so that I can assist you?
hey, here you go
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
unfortunately that did not help, is there any other recommendations you have?
Have you added the code to the head tag?
tried it right above the " tag as well as the tag
Can you add the code to it then save? I will view on the website to figure out it.
which one should it be above?
Above the tag.
Added
Please update the code
Will be done in 5 minutes, away from computer quick
done. sorry ab wait
it worked, thank you so much for your help! if i wanted to make the banner shorter which variable would i change?
max-height attribute value
great thanks again.