XF 2.1 How to change Thread Title font size for desktop only?

[Bimble]

If we add the following to extra.less it resizes the title for both desktop and mobile view:

.p-title-value {
    font-size: 27px;
}

Is there a way to limit it so that it doesn't alter the mobile 20px size?

 

[Pacco]

Is there a way to limit it so that it doesn't alter the mobile 20px size

.p-title-value {
    font-size: 27px;


@media (max-width: @xf-responsiveNarrow) {
    .p-title-value {
        font-size: 20px;
    }
}

 

[Bimble]

Thanks - had to put !important after the 20px - but worked a treat.