Width of virticle filter... (Dawn Theme)

Store Design
,
1

Hi all,

I have a massive issue that I’ve been trying to work out for the past day.

I’ve set my collection product grid to show 66.111vw and center of page, now I’d like to have my verticle filter to be16.9vw… so that I keep my product grid centered. BUT, I can not for the world get it to function :disappointed_face:

Anyone that know how to do this? See code below:

Code for collection product grid

.grid-dextop {
display: flex;
gap: 20px;
width: 66.111vw;
margin: 0 auto;
margin-top: 20px;
}

2

Hi @larsvilhelmsson ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/base.css
@media screen and (min-width: 750px){
    
    body .facets-vertical .facets-wrapper {
        padding-left: 3rem;
        width: 16.9vw;
    }
    body  .facets-vertical .product-grid-container {
        width: 83.9vw;
        padding-left: 16.9vw;
    }
}

EBOOST_0-1713961784755.png
EBOOST_0-1713961784755.png1920×2119 407 KB

3

IT WORKED! Cheers, thanks for the help!