XF 2.3 Christmas style looks small on mobiles

[Abraham54]

PiepComp uses at the moment a Christmas style.

The style is made with details from the original Christmas style from years ago.
The forum width is 78% which make it mobile small.

How to make the style wider for mobiles?

PiepCompSupport

Helpforum voor Nederlandstalige Windows 11- en Windows 10 gebruikers

www.piepcomp.nl

 

[zenvibe]

The 78% width is the issue — on a phone screen, 78% of a small viewport leaves big gaps on both sides.

Add this to your extra.less template (Admin Panel > Appearance > Styles > [Your Style] > Templates > extra.less):

@media (max-width: 768px) {
.p-body-inner {
width: 100% !important;
max-width: 100% !important;
padding-left: 8px;
padding-right: 8px;
}
}

This keeps your 78% on desktop but goes full-width on phones. The small padding stops content from touching the screen edges.

If you want tablets to be a bit wider too:

@media (max-width: 1024px) {
.p-body-inner {
width: 95% !important;
}
}

One thing to double-check — the exact class where the 78% is set might differ in your style. Open dev tools (F12) in mobile view and find which element has the width: 78% rule, then target that in the CSS above.