HTML/CSS: strange scroll bar appears next to my images

Question

On this page, underneath "Select your city [arrow down]", there are two grey rectangles.

In Google Chrome, there is a scroll bar to the right of the rectangles.

What is causing this scroll bar, and how do I remove it?

Answer 1

This is because of overflow: auto; in your #walk-categories css style. Remove it or change it to hidden

Answer 2

Remove the following css property of the div with id walk-categories,

overflow: auto;

in the css class #walk-categories

Answer 3

your walk-categories has its overflow set to auto in it's style which means a scroll bar will appear if the div's content is bigger than the size of the div itself.

make the content smaller or change walk-categories's overflow to hidden

Answer 4

the scrollbar is due to your overflow: auto; in the css at this place:

 media="all"
 #walk-categories, #walk-testimonials {
    margin: 14px 0;
    margin: 1rem 0;
    overflow: auto;
}

remplace overflow: auto; by overflow: hidden; and it will be ok ;)

hope i help