Archived topic

Header on desktop gets larger before getting smaller again

4 replies · Started by kiant123 on May 4, 2019

Viewing posts 1–5 of 5

May 4, 2019 at 9:08 am #889017

Hi,

I've noticed a little inconsistency with my header on desktop. For instance when i click around the pages of my site i see the header space increase in height, my logo disappears, while tagline stays the same. This all happens in a split section which is why i couldn't get a screenshot but it is very noticeable and somewhat annoying.

Do you have any ideas what could be causing this?

May 4, 2019 at 9:14 am #889021

Okay, after a little debugging I have realised that when i disable wprocket it seems to stop.

Do you have any ideas which of the settings (i am assuming it is one of these settings) below in wprocket might be causing it and if so how to solve it?

https://cl.ly/b028ed78acdd
https://cl.ly/967f9bd00c3b

I have activated wprocket again so you can see the issue for yourself.

Thanks

May 4, 2019 at 3:49 pm #889186

Hi there,

I don't know a ton about WP Rocket, but my guess would be that it's moving CSS to the footer. When that happens, the HTML loads before the CSS, and things will style themselves once the CSS is reached.

I would look for an option in WP Rocket to keep CSS in the <head> of your website.

May 4, 2019 at 5:59 pm #889229

Hi,

Thanks for your reply. Just for your information it seems to be related to the Lazy Load feature in wprocket.

I'll reach out to their support.

Thanks

May 5, 2019 at 7:43 am #889715

Sounds good - no problem :)

This archived topic is closed to new replies.

Start building better websites today.