How can I adjust the variant position and size guide on my product page?

Store Design
, ,
1

hi

im looking to move the variant position down 5px and the size guide right above it.

my site is https://luxurymrkt.com

935B9EB4-1E60-40FF-82EB-41BFDB2322BD.jpeg
935B9EB4-1E60-40FF-82EB-41BFDB2322BD.jpeg1170×2532 137 KB

2

Hi @Luxurymrkt

This is BSS Commerce - Full-service eCommerce Agency. We’d love to suggest you this solution:

  1. Go to Themes → Edit code :

view (95).png
view (95).png1856×986 108 KB

  1. Find the theme.css file in the Assets folder:
  • In case you want the change to apply to both the mobile interface and the desktop interface, add the following code at the end of the file:
.variant-input-wrap {
    margin-top: 5px !important;
 }
  • In case you want the change to only apply to the mobile interface, add the following code at the end of the file:
@media screen and (max-width: 767px) {
   .variant-input-wrap {
    margin-top: 5px !important;
 }
}

Hope this helps you.