CODEWITHSUNDEEP
cssscrollbar
Steve
Steve

Reputation: 1765

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

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?

Upvotes: 0

Views: 621

Answers (4)

ekans
ekans

Reputation: 1714

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

Upvotes: 0

kgm
kgm

Reputation: 807

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

Upvotes: 0

Jenz
Jenz

Reputation: 8369

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

overflow: auto;

in the css class #walk-categories

Upvotes: 1

Banana
Banana

Reputation: 7463

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

Upvotes: 0

Related Questions