1 reply · opened Jun 22, 2023
Hello,
How can I change the font size (48px) on mobile only?
<div class="emphasis-title">
<h1 class="fw-semibold ls-4 text-uppercase mb-4" style="font-size: 48px;">We lease roofs and build solar power plants</h1>
Thank you,
André.
Hello,
We recommend you to use Display Heading instead: https://getbootstrap.com/docs/5.3/content/typography/#display-headings as they come with Responsive Text Sizing which will automatically scale on Mobile Devices. To target only Mobile Devices, you can consider using the following CSS:
.device-xs .class-name {
font-size: 32px;
}Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard