A user seeks to reduce the vertical gap between a size selector dropdown and a “Size Guide” popup link on their product page.
Solutions Provided:
Two community members offered CSS code snippets to adjust the spacing:
theme.liquid file, placing code above the </body> tag<style> tag before the body section in theme.liquidBoth solutions involve editing the theme code directly through the Shopify admin (Online Store → Themes → Edit Code).
Follow-up Request:
The original poster accepted a solution but then asked how to increase the space at the bottom of the size guide popup icon, indicating they may need the opposite adjustment or additional spacing control.
Status: Partially resolved - initial gap reduction addressed, but a new spacing question remains open.
Hi Im looking to reduce teh gap in the are in yellow, its we have a size selector and teh size guide is a popup
just trying to bring the size guide popup up closer to the sizes , this is the link https://dtf2u.co.uk/products/fiit-superwash-60-t-shirt?variant=51991153279305 thankyou
Hey @Shane_h
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
hey @Shane_h follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
Thankyou very much can you tell me how to increase the space at the bottom of the pop icon that says size guide
thanks
