Moving a button on an image banner on on mobile

Adorehomeware
Visitor
3 0 1

Hi, 

 

I am using the Dawn theme and I want to move a button located on my homepage image banner down on the mobile version as its covering my main image. I also want to chance its colour but can't without adding a text box behind it. Can anyone help me with the code


Thanks,

 

Rob

Replies 5 (5)

Sheesh_b
Shopify Partner
498 111 115

Hi Rob

You can tick the checkbox to show the button/text below the image in mobile layout.

Sheesh_b_0-1638279058047.png

 

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
Adorehomeware
Visitor
3 0 1

Hi,


Yes i have seen this option, thanks for the response. Is there anyway to keep it on the image itself but at the bottom 

Sheesh_b
Shopify Partner
498 111 115

Hi @Adorehomeware 

Paste the below code in theme.liquid in between <head> </head>

<style>
      @media screen and (max-width: 768px) {
        .banner .banner__content {
          align-items: end;
          bottom: -30px;
        }
      }
    </style>
We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
TheWatchKing
Tourist
7 0 1

Thank you, this did the trick for me

Ollie
Shopify Staff
2190 449 387

 

Hey @Adorehomeware.

 

Thanks for reaching out.

 

If the coding above did the trick, make sure to mark there answer as a solution to let others aware that view this thread.

 

I appreciate that you have included the name of the theme you are using as that is very helpful. Looking into the options available for the Dawn theme, it looks like there is not an option to move the button that is displaying on the image banner through our Theme Editor. Since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to allow our internal themes team to make the changes on your behalf.

 

If you are interested in using the design time to make this change, you will need to login to your store using our Contact Us page. This will allow us to securely verify you as the store owner before discussing the changes you would like to see on the online store with a Support Advisor.

 

Let me know if you have any additional questions.

 

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog