Hi my “enter with password” shows up at the top of my password page and I want to move it to the middle.
my website is https://illicitillicitillicit.ca/
thanks to anyone that helps!
Topic summary
Main issue: On a Shopify storefront password page, the “Enter with password” element appears at the top; the requester wants it moved to the middle of the page.
Proposed solution: A reply suggests using Theme > Customize > Theme settings > Custom CSS to add CSS that repositions the password modal content by setting it to position: absolute with top: 100%, effectively pushing it down the page. A screenshot shows the visual result after applying the CSS.
Technical note: The change targets the password modal content element and removes it from normal document flow (absolute positioning), which can affect layout/responsiveness. The code’s intent is to adjust vertical placement via the top property.
Outcome/status: One concrete CSS-based fix has been provided with before/after images. The original poster has not confirmed whether this achieves the desired “middle” placement, so the thread’s resolution remains unconfirmed/ongoing.
Hi @dylan444
You can change the position of it by following this instruction:
-
Go to Shopify > Theme > Customize
-
Copy and paste this code on Theme settings > Custom CSS section
password-modal__content {
position: absolute !important;
top: 100% !important;
}
Here is the result :
