How can I adjust the position of size guide and checkout buttons on product page?

Store Design
, , , ,
1

hi,

im looking to move the size guide up on mobile and desktop so it’s on the same line as SIZE but to the right

also the shoppay + checkout buttons up a tad

My site is https://luxurymrkt.com/collections/bags/products/maison-margiela-5ac-medium-bag

E49BA3D3-EFB1-43B4-981F-BF6996D36604.jpeg
E49BA3D3-EFB1-43B4-981F-BF6996D36604.jpeg185×400 11.5 KB

2

@Luxurymrkt

Hi,

Please add the code below to theme.css file.

.size-chart__standalone {
  margin: -56px auto 0 !important;
  float: right;
}
@media screen and (max-width: 767px) {
  .size-chart__standalone {
    margin: -56px auto 0 !important;
    float: right;
  }
}

Because there is a code for mobile already, I added the code for mobile.

Hope it helps.

1 Like