Archived topic

Header sticky on mobile

3 replies · Started by Jean on January 21, 2021

Viewing posts 1–4 of 4

January 21, 2021 at 5:31 am #1627602

Hi,
How do you set the header to be sticky on mobile? I have the logo and hamburger menu showing on the header but it doesn't stick when you scroll. I've tried all the settings but can't get it working is it some sort of css that needs to be added? also want to decrease the height of the header as it's to high now.

January 21, 2021 at 6:27 am #1627661

Hi there,

if you enable the Mobile Header in Customizer > Layout > Header there is an option there to make it Sticky.

January 21, 2021 at 8:46 am #1628069

ah great thanks, how do you adjust the height of the header on mobile?

January 21, 2021 at 9:29 am #1628143

Hi Jean,

You could use this CSS to control the height of mobile header:

#mobile-header {
    height: 100px; /*adjust the number*/
}

Let me know :)

This archived topic is closed to new replies.

Start building better websites today.