Hello,
I am trying to decrease the page title font size for the mobile version of my website.
More specifically, I need to change the page title font size for my “Find Us” page because it is too big on mobile screen:
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
#shopify-section-template–22371622355244__main h1 {
font-size: 30px !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Thank you but code didnt seem to work. See attached screenshot of the page. The font is way to big and I would like it to be about half the size it is now only on the mobile version of the site.
Hello @Casaagavespirit ,
Go to online store > themes > edit code > find base.css file
Add to the given code at the bottom of the file base.css
.h0 {
font-size: calc(var(--font-heading-scale)* 18px);
}
Save .
Result
