Change Size And Location Of Size Chart Button Debut theme

Solved
Highlighted
Excursionist
28 0 4

Hello,

I have tried using Shopify's guide to achieve the results I want but I have not been successful. Could someone please help me with this information?

I would like to move the size chart button to make it beside the size drop down menu. 

I would also like to make the button the same size as the other buttons and in line with the drop down menu. Thank you so much.

www.linesix.ca

 

Screen Shot 2020-11-10 at 5.38.51 PM.png

0 Likes
Highlighted
Shopify Partner
3235 710 860

This is an accepted solution.

@LS001 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
a.btn.size-chart-open-popup { position: absolute; top: 209px; left: 551px; }
.product-single__meta { position: relative; }
}

@media only screen and (max-width: 749px){
a.btn.size-chart-open-popup{ width: 100%; margin-bottom: 20px; }
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Excursionist
28 0 4

Thank you so much this worked perfectly

Highlighted
New Member
2 0 0

Hello. I would like to do something similar except I would like to move the size chart so it sits below the size selector. I've tried several ways of doing it but it isn't showing up correctly on the page.Screen Shot 2020-11-23 at 12.49.45 PM.png

0 Likes