Need help with some CSS on a project

[Resolute]

I am working on a project but need some help with CSS. It’s a minor thing (I think)!

When someone goes to reply to a post on their phone, the reply box goes off the screen a little. I am using phpBB and the Milk 2 style. Please let me know if you can help!

 

[Cory]

Try using the max-width property on the reply area to set a maximum width the reply box can be. If you need to affect mobile devices only, use media queries.

 

[Resolute]

Try using the max-width property on the reply area to set a maximum width the reply box can be. If you need to affect mobile devices only, use media queries.

How do I do that? I’m new to this kind of stuff.

 

[Cory]

How do I do that? I’m new to this kind of stuff.

Do you know the specific CSS selector to designate that area?

 

[Resolute]

Are you asking which file?

 

[Cory]

No, a CSS selector is the class or ID attached to the element. If you right-click on the element/reply box and select “Inspect Element” or something similar depending on which browser you’re using you should be able to see a class or ID attached to it, or the nearest element with a class or ID attached to it.

 

[Resolute]

This what you mean?

 

[Cory]

Yes, try this:

#postingbox fieldset { width: 100%; }

Or this:

@media only screen and (max-width: 600px) { #postingbox fieldset { max-width: #px; } }

Changing the number sign to the number of pixels you want the reply box to be on mobile devices.