Re: Moving a button on an image banner on on mobile

Adorehomeware · ‎11-30-2021

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

Sheesh_b · ‎11-30-2021

Hi Rob

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

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 · ‎11-30-2021

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 · ‎11-30-2021

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 · ‎11-04-2023

Thank you, this did the trick for me

Ollie · ‎11-30-2021

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

Re: Moving a button on an image banner on on mobile

Moving a button on an image banner on on mobile

Community Blog Articles