How can I fix the overlay header on Flex theme mobile version?

Solved
Highlighted
Tourist
7 0 2

Hi guys, 

I'm currently using the Flex theme and I'm having trouble with the overlay header. I enabled the overlay header and it works for the desktop version (image 1 attached )but when I switch to the mobile version it gives me this white space (image 2) and it does not overlay. Any solutions to this? Thanks!

image 1image 1image 2image 2

0 Likes
Highlighted
Shopify Partner
1292 276 377

HI

Please share your webshop URL & password.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 2

Hi dmw,

Webshop URL: https://reconleers.myshopify.com/

password: reconleers

Thanks!

0 Likes
Highlighted
Shopify Partner
1292 276 377

HI

Please email me your staff account details or theme zip .

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 2

Can you not fix this from the styles.scss.liquid?

1 Like
Highlighted
Shopify Partner
5118 753 1670

This is an accepted solution.

@reconleers 

Thanks for url.

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.css.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 798px) {
.mobile-header {
position: absolute;
    width: 100%;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 2

It worked perfect! Thank you @KetanKumar !

0 Likes