Hello!
I have two images in my image banner and I want the buttons to be at the bottom and centre of each image. I’ve managed to find the code to move them down but not apart BUT when I do that it doesn’t match the position on mobile. Blue circles is where I want them to be vs where they are now. I want it to be the same on desktop and mobile! I have already tried multi columns and don’t like the look of it, not afraid to code just need to be pointed in the right direction.
url: cherrysorbet.myshopify.com
pw: meompu222
I recommend for this section to look perfect and responsive on different devices to add a multicolumn section with 2 columns remove the text add the two images and the link on the button.
It will look clean and nice.
As to do it on the banner itself it will require some coding to make it responsive on different devices
I already tried that and it doesn’t look how I want it to look. Asking here is always my last resort I’ve been editing all day but thank you for your tip!
No problem I need access to your store to be able to adjust the code for the buttons to be responsive
You can, I’ve added the information including url and password into the original post.
I sent you collaborator access please let me know once you accept
Accepted! Are you able to still let me know the coding alterations please? I’m learning html so I’d really like to understand the process and steps you took (plus I can like and accept it as a solution for you)
Hi,
Mission accomplished. Yes sure I can walk you through PM when you have time to let you know how it was done step by step.
Have a nice day.
1 Like
Thank you so much Natasha it looks great! I’ll send you a message today x
Hi Natasha, I am having the same issue with my css code on an image banner and was hoping you could help provide the same solution for my site. I would like the buttons to be placed center center on each image for both desktop and mobile.
My Shopify site is: https://a125cf-2.myshopify.com/
