How to change selector position? I am not happy with the current position

By default, Gelacy automatically embeds the selector into your store once the app is installed. However, for certain themes or custom design preferences, you may need to manually adjust the selector’s placement. This guide will walk you through the steps of embedding the selector manually in the header of your theme. If you're not comfortable with editing code, our support team is always ready to help.

Step 1: Access your Theme code

1. From your Shopify admin, go to Sales Channels -> Online Store -> Themes.
2. Select the theme you want to edit, click the three dots (⋮) -> Edit Code. 

Step 2: Adding the Selector code (Desktop and Mobile)

You need to insert different code snippets for the desktop and mobile versions of your store. Here are the steps:

Desktop Version: Insert the following code where you want the selector to appear on the desktop: 

<div id="glc-selector-manual-desktop"></div>

<div id="glc-selector-manual-mobile"></div>

Step 3: Locating the Header file

Most users prefer the selector to be in the header. To embed the selector there:

• In the theme code editor, use the search box to find the header file.
• Insert the desktop and mobile selector code snippets in the appropriate location within this file. A screenshot of a computer program

In case you want to put selector in the footer, please look for footer.liquid file.

If you're unsure where to place the code or need guidance, feel free to contact our support team at support@gelacy.app for further assistance.