Free theme SENSE, How to remove horizontal scroll bar (Desktop screen only)

Solved
San21
Shopify Partner
26 0 10

Hi, I am not able to remove the horizontal scroll bar at the bottom of the desktop screen.  My layout setting is 1200 PX width.  

Thank you,

https://ez-eleganza-069.myshopify.com

PW:  maofib

Accepted Solutions (2)

Accepted Solutions
AvadaCommerce
Shopify Partner
3057 700 569

This is an accepted solution.

Hi @San21 ,

 

You can follow the instruction below:

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

#shopify-section-header {
    overflow: hidden;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

View solution in original post

KetanKumar
Shopify Partner
31330 3130 10497

This is an accepted solution.

@San21 

sorry for that issue can you try this 

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

@media screen and (min-width: 990px) {
nav.header__inline-menu {left: 0 !important;text-align: center;}
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
kazi
Shopify Partner
325 64 66

@San21  add this css to assets > base.css

 

@media (min-width:990px) {

.header-wrapper {
overflow: hidden;
}

}

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with theme customization, speed optimization, fix bugs?


► Email: Click here Skype: kof.bd
AvadaCommerce
Shopify Partner
3057 700 569

This is an accepted solution.

Hi @San21 ,

 

You can follow the instruction below:

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

#shopify-section-header {
    overflow: hidden;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

KetanKumar
Shopify Partner
31330 3130 10497

This is an accepted solution.

@San21 

sorry for that issue can you try this 

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

@media screen and (min-width: 990px) {
nav.header__inline-menu {left: 0 !important;text-align: center;}
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DipenPanchal
Shopify Partner
159 44 53

Hello @San21 

Greetings!!

 

Please follow the steps

1. Go to Online Store->Theme->Edit code

2. Find in search input "base.css" or assets > base.css

3. Copy and Paste below code in the top of the file 

body {
     overflow-x: hidden;
}

 

I hope it will help you

If it is helpful then please like and accept it as a solution!

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

Shopify Partner | Skype : dipen.setubridge