How can I relocate the Shop button on Dawn theme for mobile?

Mattren
Tourist
9 0 2

Hello everyone just trying to move the shop button on Dawn theme for mobile so that the button is not covering the majority of the photo or can it be moved in between the photos as shown in the picture. If this fails can the button be changed to white. thank you 

 

Screenshot 2024-02-18 at 7.50.06 pm.png

Replies 4 (4)

BSS-Commerce
Shopify Expert
3477 462 523

Hi @Mattren ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Mattren
Tourist
9 0 2

Hello thanks 

 

Store is https://towelledupco.com/ it is live 

 

BSS-Commerce
Shopify Expert
3477 462 523

Hi @Mattren ,

Please do the following:

In Online store, select Themes -> ...(next to Customize) -> Edit code

In the base.css file, add the following code at the end of the file:

@media screen and (max-width: 749px)
.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
    margin-top: 275px!important;
}

Click Save to save changes.

Result:

view - 2024-02-21T132432.106.png

Hope it helps @Mattren 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Mattren
Tourist
9 0 2

Hi guys thank you for the detailed reply. I have done this but it seems to have only moved the button for desktop view not mobile please see below if you could help me out further, thank you. Screenshot 2024-02-21 at 7.42.40 pm.pngScreenshot 2024-02-21 at 7.42.31 pm.png