Problem: The collection banner on the store’s collection pages is too tall, especially on mobile where products aren’t visible above the fold; desktop could also be slightly smaller. Screenshots illustrate the issue on both devices.
Recent updates: A request was made to share the store URL for easier diagnosis; the store URL was provided (pool-care.be). Two solutions were proposed:
Notes: Effectiveness may depend on the theme’s selectors; ensuring the correct class (.page-title) matches the theme is key. Images are central to understanding both the problem and outcome.
Status: No confirmation yet that either fix was implemented or resolved the mobile above-the-fold issue; discussion remains open pending testing on the provided URL.
Hi @pool-care
check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.page-title {
padding: 3rem 0;
}
@media only screen and (max-width: 749px){
.page-title {
padding: 2rem 0;
}
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
