Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello Everyone !
My website working strange, when entering links, the page is moving weird and overflowing the page on mobile and desktop too.
I added a photo and video of the issue :
The website link is : www.pawzyy.co.il
Solved! Go to the solution
This is an accepted solution.
I found the solution !
The problem was in base.css then .grid
flex-wrap: nowrap;
I changed the flex wrap to : flex-wrap: wrap;
and column-gap: 2px ; (it was 10px, I reduced it)
.grid {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
padding: 0;
list-style: none;
column-gap: 2px ;
row-gap: var(--grid-mobile-vertical-spacing);
}
There's maybe more specific solution ?
How can we find the code that I need to fix ?
I didn't found him yet 😕
The problem with your website will be caused by the coding or setup of your theme, by resetting or changing theme or reducing the size of media on your store it should be fixed
This is an accepted solution.
I found the solution !
The problem was in base.css then .grid
flex-wrap: nowrap;
I changed the flex wrap to : flex-wrap: wrap;
and column-gap: 2px ; (it was 10px, I reduced it)
.grid {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
padding: 0;
list-style: none;
column-gap: 2px ;
row-gap: var(--grid-mobile-vertical-spacing);
}
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025