XF 2.1 Page width set smaller looks bad on mobile devices

[Coderax]

Hi everyone. When setting up our forums, I set the maximum page width from 96% to 69% as this suits our needs best. But when doing this, the layout looks really narrow on mobile devices. Is there any way I can get full width when on mobile devices, but keep the 69% when the user is on a computer?

Thanks in advance!

 

[Sim]

You'll need to use custom CSS and media breakpoints.

 

[Coderax]

You'll need to use custom CSS and media breakpoints.

could you point me in the right direction? Do you have any examples?

 

[Paul B]

Try setting the max width as an absolute pixel value rather than a percentage.

 

[Coderax]

Try setting the max width as an absolute pixel value rather than a percentage.

I did not realise that would do the trick. Worked like a charm! Thanks!