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
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
-
- 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:
or something similar. Not sure what You are trying to do so can't tell the exact code.
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.
-
- Moderator
2 posts
• Page 1 of 1