Remove sticky header option on Debutify theme not working for mobile - How do I fix?

Solved
Tourist
22 0 0

Hi there. I don't want a sticky header for my website. 

 

My theme has an option that allows you to tick it on and off, but the problem is that it only removes sticky header for desktop and not mobile when I untick sticky header.

 

When I visit my site using a mobile device the sticky header is still activated.

 

Is there any code I can add to my theme that will remove sticky header for mobile too?

 

Thanks.

0 Likes

Success.

Pathfinder
98 12 27

Add this to the bottom of theme.scss.liquid

@media screen and (max-width: 590px) {
.site-header {
    position: relative; 
    }
}
1 Like
Highlighted
Tourist
22 0 0

You are just awesome... thanks a bunch.

0 Likes
New Member
1 0 0

how do you remove the STICKY/FIXED header on the Debut theme?

0 Likes