Hi,
I’m trying to move the Privacy Policy Message on a specific page on the mobile view. Is this possible and if so can you please let me know the CSS code for this?
Thank you
Hi,
Could you please post a link to your website and a screenshot showing the changes you would like to make so we can make sure we are on the same page? :)
You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
Cheers!
Yigit
Hi,
I attach the link to the screenshot below.
Basically, I’d like to move the Cookie Policy massage to the top so that it doesn’t cover the text and CTA button. If possible, I would also like to make the Cookie Policy message smaller on all mobile view.
Thank you
Hi,
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) {
.responsive .page-id-175 .avia-cookiemessage-bottom-left {
top: 30px;
height: 220px;
}}
In this snippet “Thank you” page with page ID 175 is targeted.
Best regards,
Yigit
Hi,
It works fine on my end, attached the link i am checking in private content field.
Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Regards,
Yigit
Hi,
It’s working now! Thank you for your help.
Is there a way to remove the cookie policy message on a specific page?
Thank you
Hi,
You are welcome :)
Yes, you can use following code and target specific pages using page ID
.page-id-175 .avia-cookie-consent {
display: none!important;
}
Best regards,
Yigit
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit