Custom Html Mobile

Solved
Nickmegax
Tourist
14 0 0

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

InkedDesktop_LI.jpg

Mobile

Inkedmobile_LI.jpg

0 Likes
JHKCreate
Shopify Partner
2020 326 440

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!

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

It was much better, thank you

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

Mobile 2.PNG

0 Likes
JHKCreate
Shopify Partner
2020 326 440

This is an accepted solution.

Sure Thing!

Add the following:

 

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

 


Let me know! 

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

Nickmegax_0-1602365638267.png

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?

0 Likes