Footer appearance on mobile

Site URL: http://www.vinadawines.com

Site URL: www.vinadawines.com

Hello, the footer and especially the logo is huge on mobile device and looks very ugly. Tried diff codes but doesn't seem to work. Any ideas on how I can fix this?

1 hour ago, admviwi said:

Site URL: http://www.vinadawines.com

 

 

Site URL: www.vinadawines.com

Hello, the footer and especially the logo is huge on mobile device and looks very ugly. Tried diff codes but doesn't seem to work. Any ideas on how I can fix this?

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1635434500253_26412 .sqs-image-shape-container-element  {
    padding-bottom: 50% !important;
  }

  #block-yui_3_17_2_1_1635434500253_26412 img  {
    width: 50% !important;
    height: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Thanks for your quick answer, yes it makes the logo a bit smaller but I can only see half te logo (see printscreen). The rest of the footer didn't get smaller yet. I tried to make some tweaks with the %, only if I put the padding-bottom: on 110% is can see the whole logo but then the space between the logo and the rest of the text looks ugly so this can't be the solution 🙂 hope you could help me out also with the appearance of the rest of the footer. Thanks

12 hours ago, admviwi said:

Thanks for your quick answer, yes it makes the logo a bit smaller but I can only see half te logo (see printscreen). The rest of the footer didn't get smaller yet. I tried to make some tweaks with the %, only if I put the padding-bottom: on 110% is can see the whole logo but then the space between the logo and the rest of the text looks ugly so this can't be the solution 🙂 hope you could help me out also with the appearance of the rest of the footer. Thanks

@admviwi use this new code

/* Mobile footer logo */
@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1635434500253_26412 {
    width: 30%;
    margin: 0 auto;
}
}