Shopify themes, liquid, logos, and UX
This is the view on my phone:
How do I reposition the picture in the image banner to the centre like my desktop view:
Hi @lukafernada,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
div#Banner-template--20584607220061__5ed3bca8-4eb7-46bb-88be-55f6ca919eca {
position: relative;
}
#Banner-template--20584607220061__5ed3bca8-4eb7-46bb-88be-55f6ca919eca .banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
position: absolute;
top: 25%;
left: 0;
background-color: #ffff;
}
</style>
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
sorry it didn't really help, it didn't move the image to the centre and it just displayed the text box display as a banner.
Is there anyway I can alter the code to centre the image?
We 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, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024