Docs

[adriangregory]

Hello

The first section of each page seems to be getting hidden behind the header bar in desktop view only. I’m guessing it’s a padding or margin problem. It appears perfectly on mobile view.

Here is a link to test page of the site:

http://www.portsmouthmusicacademy.co.uk/cms/music-lessons/guitar-lessons/

Thank you

[Darshana]

Hi there,

Thanks thanks for writing in! You can add this under Custom > CSS in the Customizer.

.entry-content {
    padding-top: 75px;
}

Hope that helps.

[adriangregory]

Hi

Thanks for the reply. That has solved the problem in desktop view but when the screen shrinks it creates a white gap. Do I need to add something else to the CSS to account for different screen sizes?

Thanks

[Nico]

Hi There,

You could use a @media query to achieve the best execution of code according to screensize.

For example, the code below will be executed when it reaches the screensize 979px

@media (max-width:979px){
.entry-content {
    padding-top: 75px;
}}

Hope it helps.

Let us know how it goes.

Thanks.

[adriangregory]

That’s worked great, thank you for your help.

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts