Page Shrinking/ Scrolling

[SMTGLOW]

Hi,

Is it possible to disable the page shrinking feature?

When scrolling down on my home page it crops the slider image so the text isn’t on display but keeps the header as it is. Scrolling up doesn’t fix this and the page needs reloaded so anyone using the home page wouldn’t get a good experience.

Thanks,

[Zex]

Hello, SMTGLOW!

What Header version do you use?

Can you give me an address to your website?

[SMTGLOW]

Hi,

It’s happening with v2 and v3.

The site is private at the moment though so I’m unable to share the URL – I could send screenshots though?

Thanks

[SMTGLOW]

I can also see the shrinking background colour when scrolling down even although shrinking is set as off.

[Zex]

Hi,

If the Header shrinking option is off, that means your header will stay the same height on the page scrolling.
The Header V2 and V3 are fixed on the top of the page and that is the way they should work.

I need to see the problem by myself to give you the solution.

Maybe the screenshot will help me to find out the problem.

Thanks

Regards

[SMTGLOW]

Morning,

I’ve added the images to – https://drive.google.com/file/d/1AXVa_0AEMdrXjhKXlvhFcxa60kmTFubF/view?usp=sharing

Header v2 shows that shrinking is off
Header shows how it should look
Slider trimmed shows that it is not staying the same and the shrinking background colour is applied.

Thanks,

[Zex]

Hello,

Try to insert the next code into Customizing->General->Additional CSS:

.sticky-header.sticky-header-shrink {
    position: relative!important;
}

Please let me know if this is what you wanted.

Regards

[SMTGLOW]

Thanks,

Yeah this does it but the header colour changes – I can fix this manually though.

Is this a bug though as shirking is off and it’s applying settings? We have this as an available theme in multisite so will have to let users know if it’s a known issue or by design on our guidance.

Allan

[Zex]

Hi, I’m glad that helped you.

As I wrote earlier, If the Header shrinking option is off, that means your header (v2 and v3) will stay fixed on the top of the page and it will be the same height on the page scrolling. (If you want your logo to be the same size, you need to set the same value for Desktop Logo Max-Height and Desktop Logo Shrinked Max-Height, from the Customizing ▸ Header ▸ Logo menu.https://prnt.sc/op4v6h)

Regards

[SMTGLOW]

Ah ok, sorry I misunderstood this but get it now.

Thanks for your help.

[Author]

Posts