Move body down on one page

September 2015 Joomla Template
GK User
Wed Mar 15, 2017 10:02 am
Hi
I'm wondering if I can use CSS override to move the body of just one page down so that it clears the header nav on this page?
https://www.clubmeal.co.uk/map
At the moment the full screen map goes right to the top of the page, underneath the header nav.
You have shown me how to style some of the page elements using "body.hotspots-fullscreen" so I'm wondering if I can use this again to move the body down?
Thanks
User avatar
Expert Boarder

teitbite
Mon Mar 20, 2017 11:41 am
Hi

You can do this using a page class suffix. Good example is here: https://www.gavick.com/documentation/jo ... omla-pages

Just instead of hiding mainbody use code like:

Code: Select all
body.my_page_suffix {
margin-top: 20px;
}


or something similar. Not sure what You are trying to do so can't tell the exact code.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.