Shopify themes, liquid, logos, and UX
Hello! I have a problem with the buttons on the page. They display differently on different devices. For example, "get yours now!" buttons appear like that (correctly! - on the left side) on some devices:
And on some other devices (checked on friends computers) they appear incorrectly (on the right side):
As for 2nd example that's how add to cart button of featured product appear on my device:
And that's how it looks like on my friend's device:
I have absolutely no idea why the buttons change their position (screen size doesn't matter either). Does anyone know any solution?
My website URL is: loconationofficial.myshopify.com
Thank you in advance!
@Dudelek
Hello,
@media screen and (min-width: 1600px){
.button {
margin-left: 200px;
}
}
Please Remove This CSS Section-banner-image.css or
@media screen and (min-width: 1600px){
.button {
margin-left: 0px !important;
}
}
Add This CSS in Base.css file
Like This
User | RANK |
---|---|
155 | |
127 | |
81 | |
72 | |
66 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023