Website Pages Are Moving Strangely - Dawn Theme

Solved

Website Pages Are Moving Strangely - Dawn Theme

Pawzyy
Tourist
6 1 2

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 :

IMG_7384.PNG

The website link is : www.pawzyy.co.il

Accepted Solution (1)

Pawzyy
Tourist
6 1 2

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)

צילום מסך 2025-04-20 ב-22.56.18.png

 

.grid {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
padding: 0;
list-style: none;
column-gap: 2px ;
row-gap: var(--grid-mobile-vertical-spacing);
}

View solution in original post

Replies 3 (3)
Pawzyy
Tourist
6 1 2

There's maybe more specific solution ? 

How can we find the code that I need to fix ?

I didn't found him yet 😕

dbroad
New Member
4 0 0

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 fixedsolutions.jpg

Pawzyy
Tourist
6 1 2

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)

צילום מסך 2025-04-20 ב-22.56.18.png

 

.grid {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
padding: 0;
list-style: none;
column-gap: 2px ;
row-gap: var(--grid-mobile-vertical-spacing);
}