Shopify themes, liquid, logos, and UX
Hi, I would like to move the "Shop Now" button to the bottom of my mobile banner.Does anyone know how to do this?
If you apply the option: 'Show container on mobile' The button will be placed below the image.
This option is within the 'Mobile Design' section by selecting the banner from the Shopify customize panel.
It did move it down. I'd like it to be on the graphic under "Christmas Collection". Is that possible?
do you have some basic css skills?
Can be done! It took me a little while to find a solution.
Look for a file called: section-image-banner.css and add the following code to the end of the document:
@media screen and (max-width: 749px) {
.banner__buttons {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
flex-wrap: wrap;
gap: 1rem;
max-width: 45rem;
word-break: break-word;
}
}
I hope it helped you!
In case you don't know how to access it, simply follow these steps :
1. Online Store > 2. Themes > 3. Three points about the current theme > 4. Use the search engine to find the file > 5. Add the above code.
it's possible to do this by modifying the css a little.
Okay! do you have a code? I apologize, I don't know anything about css or coding a website.
okay, to get the code I need to inspect the element before adding the css. if it's too complicated for you, I can make the changes directly in your shop if you let me.
User | RANK |
---|---|
204 | |
172 | |
80 | |
58 | |
48 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023