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?
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024