Shopify themes, liquid, logos, and UX
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
Hi Rob
You can tick the checkbox to show the button/text below the image in mobile layout.
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
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>
Thank you, this did the trick for me
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
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024