"Responsive column & font settings for a row" (#2589007) / ThemeNectar

2
TheIndianForeigner started the conversation
November 3, 2020 at 2:50am
I have a row that has 4 columns on desktop.
I would like this row 'specifically' to stay 4 columns on mobile but reduce the font size for only this row's content.
How do I do that? Is there a specific CSS code that I can add to this row with a class name?

Thanks!
9,333
Tahir replied
November 3, 2020 at 6:50pm
Hey Again,
For Each Column you need to adjust the Responsive Column Options:
Click To Open Larger Image.
- As regards adjusting the font size, you can do that by adding an extra class to that row and then use that in the CSS selector .
Thanks

Salient Support Team | Say Hello!
2
TheIndianForeigner replied
November 3, 2020 at 7:15pm
Yes I tried the responsive settings.
Could you please share the sample CSS code I can use for media query with a class name?
9,333
Tahir replied
November 3, 2020 at 7:18pm

Please provide the page URL so I may write up the custom CSS for this request.
Thanks

Salient Support Team | Say Hello!
2
TheIndianForeigner replied
November 3, 2020 at 7:23pm
I'm still working on the site internally. So unable to provide a URL.
I tried something like this for the milestone element but it doesn't work

@media only screen and (max-width: 600px)
.class-name p {
font-size: 12px !important;
}

9,333

Tahir replied

Should work like below.

@media only screen and (max-width: 600px) {
    .class-name p {
        font-size: 12px !important;
    }
}

Salient Support Team | Say Hello!