[Resolved] header padding css for Safari

[dale]

Hello. I currently use

.inside-header {
padding: 0;
}

so that the “logo” image fills the entire header. I just made the website janellereston.com live and went to check it on different browsers. On Safari, a white border appears all around the header image; i.e. it looks like the GP default padding is in effect.

Is there different CSS I should be using for Safari?

[Leo]

Hi Dale,

The CSS should be the same for all browsers – I see the white padding around header images as well.

You should be able to use the customizer for that though: https://docs.generatepress.com/article/header-padding/

Make sure to clear caching plugin if you are using one and also browser cache.

[dale]

Oddly, moving the CSS from “additional CSS” to “Simple CSS” fixed it. No idea why.

I’ll look at the header padding setting as well.

[Leo]

That means there is probably a syntax error in additional CSS that stop the code from executing.

You can check using this website: https://jigsaw.w3.org/css-validator/#validate_by_input

[Author]

Posts