CSS only for one page

[richardcech]

Hello,

I would need this code to work only for that page and on the phone. I can specify that the code is only displayed on the phone, but I don’t know how to add information to a specific page.

Css code is:

@media(max-width:770px) {
.footer-overlay #footer {
position: relative;
}
}

and I need to specific this code for this page on mobile devices – https://richardcech.com/ and on this page https://richardcech.com/cz/

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi

It is possible with the page ID:

@media(max-width:770px) {
 .page-id-4422 .footer-overlay #footer,
 .page-id-4482 .footer-overlay #footer {
  position: relative;
 }
}

How to find page/post id? Check: https://doc.seatheme.net/wordpress-faqs/custom/how-to-find-wordpress-post-page-id/

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Thank you very much 🙂

Best Regards
Richard Cech

[Author]

Posts