Hi, my Shopify button should be in the bottom right, and it is, but when you first open the website, it’s in the middle. What is the fix for this?"
Topic summary
A Shopify store owner reports that a button on their website initially appears in the center of the page when first loaded, but then moves to its correct position (bottom right) after scrolling. The button should be positioned correctly from the start.
Troubleshooting Steps Provided:
- A community member identified the issue in the theme’s CSS file
- Specific line numbers referenced: 9560 and 12401 in theme.css
- The fix involves updating the
.hero__text-content.vertical-bottomclass - Suggested adding left positioning (e.g.,
left: 10px) to match desired placement - Screenshots were shared showing the problematic code sections
Current Status:
- The original poster expressed confusion about implementing the exact changes
- Follow-up clarification suggested searching by class name rather than line numbers, as line positions may vary
- The discussion remains open with the issue unresolved
Website Urls Please
website: provengrit.us
Hi,
do want it right like a screenshot or you mean left below the text. Any way please see the code below
In theme.css - update code in line number - 9560 and 12401.
if you want it left then simple type left instead of right in below code and to match accurate the way you want it - you can add some px in it aswell. like left: 10px;
1 Like
Hi, im a bit confused on what to add. This is line 9560. The problem is that on the website, when you scroll down, the button moves to the position that is correct, but right when you open the website, the button position is wrong.
Hi. Have you figured it out yet?
Hi
Search with class name may be the line number are not accurate on that file.
.hero__text-content.certical-bottom and edit them.