Hello! On my website, the image banner looks like this:
The buttons are manually adjusted, using this code:
.banner__buttons {
margin-top: 350px !important;
}
However, with this, the responsiveness goes away and the buttons are in a completely different position on larger/smaller desktop screens. Is there a way to put these buttons exactly like how they are on the picture, but responsive? Thank you in advance.
Preview Link: https://vxmz3rdxt40jt18f-90610041180.shopifypreview.com/
@crescenthu getting message that preview link has expired
Hi @crescenthu
Hi, sorry, here it is
Hi @crescenthu
I check and found the text CRESCENT and small text bellow that is image so when responsive the image and button cannot sync position as you want.
About the css script you added just solved one position on one screen cannot apply to other.
To achieve as want is Text → subtext → two button you can try by way replace the logo text on image by use Heading and sub heading in setting that the section has.
If you still want use logo as image currently will has solution but need to customize code to section.
Hope it’s helpful to you!
Hi @crescenthu
You can remove the code you added, then go to your theme customization > banner, change the Alignment of Content to Left, click the Save button, and check again.
Best regards,
Dan from Ryviu: Product Reviews App
