Hey! I am in a bit desperate need to be able to add some padding on pages so that the title is not hidden behind the navigation bar (I have made it sticky). It looks good on home page and product pages but on the other pages (like about us and terms and conditions) the padding is too small on the top and the page title gets hidden behind the navigation bar.
Anyone has a clue how to solve this issue?
Best regards,
Emelie Hernqvist
URL: racketbollen.se
Password: dobewrr
please Go to Online Store->Theme->Edit code then go to assets/timber.scss.liquid ->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
body:not(.template-index) .main-content {
padding-top: 6rem;
}
}
Thanks!
Ofc. So this is how it looks like on the “terms of conditions” page. The page title is hidden behind the navigation bar.
On the other pages (like home page and product page) the title is below the navigation bar which is how I want it.
Ok thanks, will try it when I get home from work and have my computer in front of me! Thanks in avance!
@dmwwebartisan Thank you very much for this solution! I will totally be fine with this solution for now since I am in a bit stress before launch. IF you know a solution to make the space the same between navigation bar and title on all types of pages it would be fabulous! Now the spcae is a little bigger on the product pages. I add two screenshots to compare 
But thank you so much!!
Best regards
