Hi, I was wondering if there’s a way to move the buttons in the image banner part of the Homepage to the left or right, so it won’t block the image itself.
If I can move it along with the image text that would be great.
Thanks in advance.
Hey @Jannysa .
Thanks for reaching out.
That is a great question! Using the Dawn theme, we can move the button position top, bottom or center using the Theme Editor. I took a screenshot from my test store to show you the section I am referring to:
With that being said, it is not currently possible to move the button position to the left or right without manually changing the coding of the theme. However, I can definitely see the benefit of being able to move the button position to the left or right and I am going to provide this feedback as a suggestion to our developers.
Since the Dawn theme is designed and support 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 your online store.
Let me know if you have any questions.
is it possible to provide the code here? so I can use it for the other stores I set up. Thank you.
2 Likes
Why is this not in the theme options? It’s so frustrating, I am finding heaps of little things like this with the Dawn theme.
1 Like
Me too. I hope someone can help.
This worked and moved it to the left. However, do you know how to move it a bit higher? So it looks like it’s placed middle left.
Do this change for aligning text in center.
If your requirement is completed then please give me a thumbs up. If there is anything you need to manage on your store then you can also hire me as I have 7 year of experience.
Thank you.
HI there, I added the codes accordingly but it’s still not adjusted in the middle left:
.banner__content {
padding: 0;
display: flex;
position: relative;
width: 100%;
align-items: center:
justify-content: flex-start;
z-index: 1;
}
Hello,
The style you added is already there, I was talking about the style which i highlighted in screenshot with red box.
Sharing a screenshot again.
Thank you.
1 Like
Thank you so much. You are amazing!