how to change the heading size of the featured collection in mobile view only

niceeee
Shopify Partner
298 4 22

url: makerlab-electronics.com

Replies 2 (2)

PageFly-Noah
Astronaut
1109 199 218

This is Noah from PageFly - Shopify Page Builder App

 

Please add code here to change it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

 

<style>
.collection__title h2{
  font-size: 30px !important; //edit font you want
}

</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ZestardTech
Shopify Expert
5432 978 1303
Hello There,
 
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
 

 

@media (max-width:767px){
.collection__title h2{
  font-size: 25px !important;
}
}

 

 

ZestardTech_0-1713762969896.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing