Fix horizontal scrolling from site-header

Highlighted
New Member
3 0 0

Hey Community!

 

I have a weird problem. In mobile view of my website www.divedown.de you can scroll to the right side starting from the header. As soon you move down it's not possible anymore. It is really disturbing and I want to remove the goddamn scrolling issue. Trying it for 2 days now and im getting very frustrated...

 

Unbenannt1.PNG

0 Likes
Highlighted

Hello @DiveDown,

Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (max-width: 481px) {
.mob-header .notification__message span {
    white-space: break-spaces;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

You are a legend! I Appreciate the fast help! 

0 Likes
Highlighted

@DiveDown,

Thanks

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0

where do you put this code?

 

0 Likes
Highlighted
Astronaut
1085 177 213

@Phantomised 

1. In your Shopify Admin go to online store > themes > actions > edit code
admin-page.png
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste the code right above the </body> tag.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Astronaut
1085 177 213

@Phantomised Let us know if you managed to fix it please.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes