Custom Html Mobile

[Nickmegax]

Hello, I am trying to place a custom html on the homepage of my website. On the desktop I managed without problems, but on the mobile it is too small and I'm not able to fix it. If anyone can help me I would be very grateful.

Html in use: <img src="https://i.ibb.co/s18tfSf/Mercado-Pago-Bar.png" alt="Mercado-Pago-Bar" width="3000" height="2000" data-load="full" style="">

Link: mana-shop.com

Password: 123456

Desktop

Mobile

[JHKCreate]

Hi @Nickmegax !

Add the following code inside your theme.scss file:

@media only screen and (max-width: 600px) {

.section-block--padding.grid__item.one-whole.align--top-middle {
    padding: 5px!important;
}

}

Let me know!

[Nickmegax]

It was much better, thank you

Would there still be more to increase? or put the image closer to the footer?

[JHKCreate · Accepted solution]

Sure Thing!

Add the following:

@media only screen and (max-width: 600px)
{
div#shopify-section-1601351867311 {
    margin-bottom: 15px;
}
}

Let me know! 

[Nickmegax]

It was very good, you are helping me a lot, I am grateful.

Without wanting to take advantage of your help, can I bring the image in the dektop to the footer too?