How to move Size Chart Pop-up Link to be inline with Size Variant text

Store Design
,

Topic summary

Goal: Reposition a size-related pop-up link so it appears inline with the Size variant text and aligned to the far right of the product page.

Latest update: A helper requested the store URL (and password, if enabled) to review the theme and provide specific guidance.

Status: No solution or code provided yet; awaiting access details from the store owner.

Notes: A screenshot is attached and central to understanding the desired layout/placement.

Summarized with AI on January 3. AI used: gpt-5.
1

Hi can someone help me on how to move a popup link to be inline with the Size text but all the way at the right of the page?

image
image1600×598 92.6 KB

1 Like
2

Hey @steven8

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 (min-width: 768px) {
dialog-component.popup-link {
    position: absolute !important;
    top: 9.3% !important;
    width: 100% !important;
    text-align: -webkit-right !important;
}
}
</style>

RESULT:

image
image1513×834 128 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like