[Resolved] Header Spacing

[Stephen]

Hi,

In the Site Header my logo and menu items appear closer together on this page than other pages, for some stranger than strange reason?

Thanks
Steve

[David]

Hi there,

its the Astra portfolio plugin using really generic (and bad) CSS ie.:

* , :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

You can stop it from effecting the site header with more CSS because of it ( urgh lol ):

.inside-header {
    box-sizing: content-box;
}

[Stephen]

Hi David,

That doesn’t surprise me. I did contact the Astra team but there support is terrible and they claimed the plugin was not responsible.

I recently highlighted several major issues with the portfolio plugin in their fb group. The issues are now supposedly fixed by the latest update. Which I will test soon. I find it incredible that they released the product in its previous state. I was very close to asking for my money back.

Thanks for your help 🙂

Steve

[David]

Glad to be of help. Well you can tell them that is their plugin lol – changing the default property of all elements on the page is bad in several ways. If they want to control the box-sizing of their plugin elements then they should specify it…..

[Stephen]

I’ll try to tell them politely 😉

Thanks again.

Steve

[David]

You’re welcome…. good luck with that 🙂

[Author]

Posts