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

Store Design
1

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

1 Like
2

@San21 add this css to assets > base.css

@media (min-width:990px) {

.header-wrapper {
overflow: hidden;
}

}

3

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.

4

@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;}
}
5

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!