Move size option up and to the left

[Luxurymrkt]

 

Hi,

I’d like to move the size options to start closer to the price and to the left

my site is https://luxurymrkt.com/collections/ets-fs-best-selling-products

[Moeed]

Hey @Luxurymrkt 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.usf-swatchs ul li label {
    margin-top: 0 !important;
}
.usf-swatchs ul {
    margin-left: 0 !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Luxurymrkt]

It works just when there’s 2 rows of sizes it moves a tad

[Luxurymrkt]

@Moeed 

 

[Made4uo-Ribe]

Hi @Luxurymrkt 

Check this one. 

1. From you Admin page, go to Online Store > Themes
2. Select the theme you want to edit
3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
4. Then place the code below at the very bottom of the file.

.usf-swatchs ul {
    margin-left: 0 !important;
}

• And Save. 
• Result:
• 

  Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[PageFly-Theodor]

Hi @Luxurymrkt 

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.usf-swatchs ul {
    margin-left: 0 !important;
}
</style>

Hope this can help you solve the issue

Best regards,

Theodore | PageFly