How can I reposition my size guide and checkout buttons on desktop?

Store Design
, ,
1

Hi,

im looking to move my size guide up and to the right of the drop-down box

*DESKTOP only pleaSe

also the shoppay:checkout buttons up a tad

my site is https://luxurymrkt.com

D226145D-FEFF-4FC9-BB02-03BA2DB840D8.jpeg
D226145D-FEFF-4FC9-BB02-03BA2DB840D8.jpeg1576×2100 478 KB

2

Hi @Luxurymrkt,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

#MainContent .product-block:has(.variant-wrapper){
   display: inline-block;
    width: 75%;
    margin-bottom: 0px;
}
#MainContent .size-chart__standalone{
   display: inline-block;
    width: 24%;
    text-align: right;
}
#MainContent .shopify-payment-terms product__policies{margin-bottom:10px}

PageFlyRichard_0-1681952663967.png
PageFlyRichard_0-1681952663967.png1314×786 33.4 KB

Hope my solution works perfectly for you!

Best regards,

Richard| PageFly

3

Hi Richard,

im looking to move the size guide above the variant drop-down not inline with it.

is there another code that would fix this? Thank you

4

Hi @Luxurymrkt ,

You can try using this code:

@media(min-width:767px){
#MainContent .product-block:has(.variant-wrapper){
transform: translateY(30px) !important;
}
#MainContent .size-chart__standalone{
    transform: translateY(-80px);
    text-align: right;
}
}