Debut Theme- Sticky Header Issues

Solved
gofuturefresh
Excursionist
83 1 3

When I view it on mobile this happens. It looks weird, It doesn't happen on Desktop.

Here's the url: https://go-future-fresh.myshopify.com/

 

69634094_1181950382004965_8771507525599100928_n.jpg

0 Likes

This is an accepted solution.

Hello ,

Please put this code at the bottom on theme-> edit code -> assets -> theme.scss.liquid

 

 

@media only screen and (max-width: 600px) {
#shopify-section-header .site-header {
	z-index: 99;
	width: 100%;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
gofuturefresh
Excursionist
83 1 3

Thanks


@oscprofessional wrote:

Hello ,

Please put this code at the bottom on theme-> edit code -> assets -> theme.scss.liquid

 

 

@media only screen and (max-width: 600px) {
#shopify-section-header .site-header {
	z-index: 99;
	width: 100%;
}
}

 

0 Likes

@gofuturefresh 

In case you'd like to try, I have coded a professional, highly tested solution for this.

You can download/install it for free under 1 minute, just click here to read the tutorial.

Besides that you also have options to turn it on/off at the customize page.

Kind regards,
Diego

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!
0 Likes