Can someone help me move the button to the red box area as can be seen in the image below?
Many Thanks!
Website: arcanepcb.com
Pass: sewsog
Topic summary
A user is trying to reposition a “Discover” button on their Shopify image banner to appear below text in a specific area (indicated by a red box in their screenshot).
Multiple Solutions Attempted:
- Three different support representatives (BSSCommerce-HDL, BSS-TekLabs, and Tech_Coding) provided CSS code snippets to insert into the theme.liquid file above the
</head>tag - Initial attempts successfully moved the button to the desired location
Current Issue:
The button is now positioned correctly but not responsive - it moves around when the browser window is resized or on different monitor sizes. The user needs the button to remain static relative to the image regardless of screen size.
Status:
The discussion remains ongoing and unresolved. The user has tried adjusting pixel values (e.g., changing bottom to 150px) but this creates inconsistent positioning across different viewport sizes. They’re seeking a solution that works universally across all monitor sizes and browser window dimensions.
2 Likes
Hi @Malakush ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
- Here is the solution for you @Malakush
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag and press ‘Save’ to save it.
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
Hello @Malakush
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hi @BSSCommerce-HDL - Didn’t work for some reason. I took a screenshot below. Any thoughts? I must be doing something wrong.
1 Like
@Malakush , Pls replace old code to new code:
Not sure what code i need to replace. I can’t find anything similar.
Kindly make a mark on the attached documents where i need to replace the code.
1 Like
@Malakush , Pls insert this code above
Can you make the button static? It’s moving around the image. Thanks!
1 Like
Didn’t work 
-
That’s exactly what i did. I sent you a photo 2 messages ago showing you exactly that.
-
Then you told me to replace code.
-
And now you’re telling me to put it above which is different to ** (**as written in your first message).
1 Like
@Malakush . Sorry, I wrote a little mistake
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Hope this can help you
The good news is it’s in the correct area, the bad news the button is moving as i make the window larger/smaller. Is there any way to keep it static? Is it related to the image itself?
Thank you.
Removed already thanks.
1 Like
Any idea how to make the button stay in place? Moves around as the page enlarges/minimises.
1 Like
Can you try this code @Malakush
I changed the bottom to 150px and it’s in position, but as soon as i adjust the size of the window it moves to a different location. The concern is people have different monitor sizes. What may be ok for me may not be ok for them.
