Add padding to collection page title on mobile

Technical Q&A
1

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
image0.png750×1334 116 KB

2

Hello There,

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

3

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;
}
}
1 Like
4

That worked perfectly–thank you so much!