How to remove side scroll?-CodePudding

Im trying to remove the white space that is remaining on the right hand side of the screen. Ive tried setting the css stylings to the container to padding 0 and margin 0 including the important tag after. I do have a div sized col 4 and in the inspector tool its shwoing padding 12 but when i apply 0 padding to it, its still there causing side scroll. Ive even applied the important tag to it and it still remains. Below is the live link of the website im working on. Ill include the CSS code below.

CodePudding user response：

You could make the scrollbar invisible using

.[insert div name]::-webkit-scrollbar 
{
  display: none;
}

CodePudding user response：

Disable margin-left and margin-right properties of .row class.

CodePudding user response：

Source : https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp

You will need CSS and you have 2 options:

Option #1) Hide both the horizontal and vertical scrollbar.

Add overflow: hidden; to the body

Option #2) Hide Scrollbars But Keep Functionality

Hide scrollbar for Chrome, Safari and Opera

.example::-webkit-scrollbar {
 display: none;
}

Hide scrollbar for IE, Edge and Firefox

.example {
 -ms-overflow-style: none;  /* IE and Edge */
 scrollbar-width: none;  /* Firefox */
}