Move body down on one page

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

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.