Setting width of a div with CSS not working

Question

I'm trying to create a survey for a client. Everything good however when I visit the survey on mobile devices (small screen sizes) some of the survey is popping out of the screen which makes it unusable.

I tried to change the size of the survey with width but it doesnt change. I've read that it might depends on inline, but still no change.

The Website (made with Wordpress): https://survey.xs-sol.com/

Here's some pictures:

Everythings fine

Here's missing some survey (this is 1 to 1 copy from mobile, so the cut is the issue)

What is it, that triggers the issue?

What theme are you using? It's possible that there might be styles for mobile/smaller screens that you need to overwrite instead. — mcon
– mcon, Commented Nov 9, 2016 at 22:21

Ales Trunda · Accepted Answer · 2016-11-09 22:55:01Z

4

Problematic is the selectbox under "What is your working environment?" - the second option "Shop (Food, El..." is quite big, so on small screens where there is not enough space, scrollbar appears.

Add select { width: 100%; } to your styles to solve this issue.

answered Nov 9, 2016 at 22:55

Ales Trunda

1891 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Setting width of a div with CSS not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related