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

Shopify Partner
298 4 22


Replies 2 (2)

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>


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



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.

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;






Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Shopify Apps URL :-
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing