Shopify themes, liquid, logos, and UX
Hi there,
The tops of my shopify pages are getting cut off. It only happens on the pages shopify creates (login, collections) and not the ones I created with Gempages (landing pages, products, homepage). How do I fix this?
pw: chifri
Thanks for taking a look!
See social logins:
See header "Search Results" on mobile collection pages (https://elevatedkarma.com/pages/search-results-page?collection=mens-clothes😞
Solved! Go to the solution
This is an accepted solution.
@media only screen and (min-width: 750px) { .main-content { padding-top: 175px; } }
@media only screen and (max-width: 749px) { body:not(.gempage) .main-content { padding-top: 70px; } }
Hi @karmadesign we could add this CSS code above to fix the mobile screen side.
please try it and let us know if it works
yes please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
.main-content {
padding-top: 175px;
}
}
Hi @KetanKumar—thanks for your suggestion!
This fixed the issue on my dsktop site, but I still have the issue on laptop, tablet and mobile. Any thoughts for these?
Logan
This is an accepted solution.
@media only screen and (min-width: 750px) { .main-content { padding-top: 175px; } }
@media only screen and (max-width: 749px) { body:not(.gempage) .main-content { padding-top: 70px; } }
Hi @karmadesign we could add this CSS code above to fix the mobile screen side.
please try it and let us know if it works
Thanks very much! This fixed all issues 🙂
Hi @GemPages,
This issue has resurfaced on my mobile pages, specifically the login page. Despite having the mobile code included.
Please take a look:
elevatedkarma.com
chifri
Hi @karmadesign
It's GemPages team here to support you!
The code used is correct, but the closing curly brace is put in an incorrect position.
Incorrect position
We've moved it to the correct one
The issue is fixed now. Can you check on your end if it meets your expectation?
Thank you!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024