Add padding to collection page title on mobile

Solved
MitchellFly
Excursionist
22 0 3

Hi all,

When on mobile, I am running into the issue where the collection page title "All" is getting cut off by the header/wrapper (shown in image).

Is there a way I can add some padding or a margin to the collection page title on mobile only?

Thank you in advance!

image0.png

0 Likes
Pallavi
Shopify Expert
1269 174 208

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

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
0 Likes

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss

@media screen and (max-width: 768px){
.template-collection #shopify-section-collection-template {
    margin-top: 60px !important;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
MitchellFly
Excursionist
22 0 3

That worked perfectly--thank you so much!

0 Likes