Centering footer image on Envy theme

Kjankko-US
Shopify Partner
236 4 41

Hi,

I need to add payment information to my store - which uses the Envy -theme.

<div class="maksutavat">
<img src="https://banners.checkout.fi/303a5650e2eb208fa7db711f462ce273/728x90.png" alt="Maksutavat" width="650" height="100"/>

<style>
@media (max-width: 480px){
  .maksutavat{
    width: 70%;
  }
}
</style>

 

 

When I add the code - it's not as it should be (when using a mobile). The image should be centered - now it's a bit right.

Näyttökuva 2021-02-20 kello 15.52.49.png 

 

 

 

 

 

 

 

 

I want the image to be center in mobile view - what should I do?

Replies 4 (4)

JHKCreate
Shopify Expert
3571 639 916

Hi @Kjankko-US 

Would you mind sharing your store's URL please? We can then provide a solution for that!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

diego_ezfy
Shopify Partner
2935 562 883

Hello,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL. 

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

Kjankko-US
Shopify Partner
236 4 41

Hi,

URL: tervaskanto.myshopify.com
password: whawst

Kjankko-US
Shopify Partner
236 4 41

Hi, @diego_ezfy @JHKCreate

Do you know what I should do to centering the footer image?