All Buttons Do Not Adapt Position To Different Computers

Dudelek
Visitor
1 0 2

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:

Dudelek_1-1685924050359.png

 

And on some other devices (checked on friends computers) they appear incorrectly (on the right side):

Dudelek_2-1685924078326.png

 

 

As for 2nd example that's how add to cart button of featured product appear on my device:

Dudelek_3-1685924094058.png

 

And that's how it looks like on my friend's device:

Dudelek_4-1685924111148.png

 

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!

 

 

 

Reply 1 (1)
oscprofessional
Shopify Partner
15649 2344 3024

@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

FireShot Capture 026 - LocoLoots - Official Online Store - locoloots.com.png

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing