How do I reduce the size of a heading font only on mobile

[lukafernada]

My website handle is cheffings.net

e

[BSSCommerce-HDL]

Hi @lukafernada ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Add this code before tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[Dan-From-Ryviu]

Hi @lukafernada
What heading do you want to change? Multicolumn section’s heading or Column’s heading?

[GTLOfficial]

Hello @lukafernada
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.image-with-text__heading.h1.rte {
font-size: 27px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[lukafernada]

It is the section heading i wish to change. The one that reads: “Ask the chefs themselves”. Thank you

[Dan-From-Ryviu]

Please add this code to Custom CSS

@media (max-width: 749px) {
h2 { font-size: 2.7rem; }
}

[maxpanell]

works for me to