Feature List Title Font Size For Smaller Screens

[LGFproductionsINC]

This is a question about using the Classic Feature List and the font size for the heading / title.

On larger screen displays, the font on the heading for the classic feature list is larger than the actual content in the list. This is how I like it.

On smaller screens, phones and also tablets in portrait mode, the classic feature list heading / title becomes smaller when the actual body content text seems to stay the same size. This means on phones, the title font size is now smaller than the content body text in the feature list.

How can I make the title font larger for the smaller devices and keep the body content font the same size in the feature list?

Thanks for your help.

[christian]

Hey @LGFproductionsINC,

I’m sorry but I’m not sure why that happens in your site. I checked the Feature List in my test site and the font size is consistent in desktop and mobile.

Do you have custom CSS that is related to headline font size? Please remove all custom CSS to quickly see if it’s causing this issue.

Please also give us the URL of the page where you’ve setup a Featured List.

Thanks.

[jade]

Hi there,

Please try to add this in the custom CSS panel:

@media (max-width: 767px) {
    .x-feature-box-title {
        font-size: 2.2em;
    }
}

Hope this helps.

[LGFproductionsINC]

Thank You @Jade

I put that into the CSS and it worked great on the phone for both portrait and landscape.

When I checked it on a Samsung tablet though, I noticed the title font for the Feature Headline was still small. I went back to the CSS code and changed ‘767’ to ‘979’ and now the tablet looks good also.

My question to you would be, by changing the 767 to 979, even though on my few devices here it looks good, did I possibly make something else not display properly that I am not aware of?

Thank You

[friech]

Hi There,

No, that simply means that instead of applying the CSS property on screen 767px and below, now it applies to screen 979px and below, which includes the common screen size of tables (768px - 979px).

Hope this shed some lights,
Cheers!

[LGFproductionsINC]

Okay that sounds good. I didn’t think it would effect anything in a negative way…but then I could easily be wrong.

Thank you for the help on this question and the quick answer. Greatly appreciated.

[rad]

You’re most welcome!