- Posts
I found the answer to why my main menu button wouldn’t work in mobile here:
https://www.boldgrid.com/feedback/communities/20/topics/5900-pavilion-theme
The z-index solved the problem but now if a page has a page title it is also covered over by the menu bar. If there is no page title any text sits right against the menubar with no margin. Here are 2 samples:
Without page title: http://www.arable.xyz/about-us/
With page title: http://www.arable.xyz/info/
I tried to post this on the first link I posted here but I’m new and it says that I’m “On Moderation” I’m not sure what that means so I’m trying again with my own topic since that post is a bit old and this is a technically a different problem.
Thank you for your question and our team is happy to help!
The reason you are seeing this behavior is because of some default styling on the page elements that pulls the entire content section up into the header slightly so the title sits inside of the actual website header. As you noticed this does create some design issues when you do not want to have a page title over your content and this CSS selector should help you get that design fixed on your website.
.site-content .main { top: 0px; }The default setting in the stylesheet is -45px, try adjusting that number to get the desired design. Please note that this will effect all pages on your website and the display of other content will be changed as well.
I hope that helps you get the design you want and please let us know if there is anything else that we can do to assist you.
Thank you very much that did the trick!
- The topic ‘Pavilion Theme page title covered on mobile, no margin’ is closed to new replies.
