Hi all!
I'm just curious how we can add some cushion to the h1 page titles on our individual Shopify pages? On desktop, it looks great, but on mobile our page titles are being hidden by the header?
Do y'all have any suggestions on how we can fix this just on the mobile site only?
Solved! Go to the solution
Hello,
Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).
Kind regards,
Diego
Hey Diego,
Thanks for reaching out!
- Store URL: https://footyintl.com
- Example Page URL: https://footyintl.com/pages/suggestions (on mobile)
- Password: none
Thank you for your help!
This is an accepted solution.
@MitchellFly
Do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid or timber.scss and paste this at the bottom of the file:
@media (max-width: 767px){
.template-page .page-container{
padding-top:80px !important;
}
}
You can adjust the value as per your wish. 80px, 70px, 60px, etc.
Please let me know whether it works.
Kind regards,
Diego
I'm glad to hear that!
Next time feel free to contact me personally, I'll be happy to help.
Kind regards,
Diego
User | Count |
---|---|
25 | |
24 | |
24 | |
19 | |
13 |