How can I relocate and resize a banner button using custom CSS?

Store Design
, ,

Topic summary

A user is attempting to reposition and resize a banner button using custom CSS (specifically within the image banner’s custom CSS area, not the theme’s code editor). They’re working with the Dawn 8.0 theme on a password-protected site.

Desktop Issue:

  • The button needs to be moved to a different location (indicated by a blue rectangle in their screenshot)
  • Current CSS targets .button with background, border, and color properties

Mobile Issue:

  • The button appears too large and needs resizing
  • Should be repositioned to match the desktop layout
  • User acknowledges media queries won’t work in their chosen CSS area

Current Status:
The discussion remains unresolved. Multiple support representatives requested the site URL and password for troubleshooting, but the user declined to share credentials for security reasons, creating an impasse for receiving direct technical assistance.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I would first like to add that I am not using the edit code area. I am using the custom CSS under image banner, and I prefer to keep it in this area.

I have attached two images, the first one is the banner image on desktop. I would like to move the button from where it is to the blue rectangle, I can’t seem to get the code right for this.

This is the code I have so far:

.button {

background: #000000 !important;

border-color: #000000;

color: #ffffff;

font-size: 4.9rem !important;

}

Desktop view
Desktop view1635×1131 73.7 KB

This second image is the image from mobile. I need to fix the size of it from being so big and move it under the same area as the desktop view. I know the media query won’t work here as well.

My site is password protected and I will not give out the password sorry! I am using Dawn theme 8.0.

Thank you!

mobile
mobile906×459 38.4 KB

2

Hi @JenW22

Can you give me your page URL (with pass if your store password is enabled), so I can check it and maybe give you a solution?

Kind & Best regards,
GemPages Support Team

3

@JenW22

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Please reread what I wrote! Thank you!

5

Please reread what I wrote, I am not giving out my password! Thank you!