Hi Tuanphan. I've come across several replies of yours, showing different CSS code injection meant to reduce the size of a footer logo when displaying on mobile devices . I'm wondering if you can help me to understand which elements of the code are the parts that impact the logo size so that I can play with it. I'm noticing that 50% isn't enough of a reduction for my logo to show up properly when viewed on a phone.
Here's the code I've been using...
@media screen and (max-width:640px) {
div#block-#block-yui_3_17_2_1_1639858540498_6652 img {
width: 20% !important;
height: auto !important;
transform: translateX(-50%);
left: 50% !important;
}
div#block-#block-yui_3_17_2_1_1639858540498_6652 .image-block-wrapper {
padding-bottom: 50% !important;
}
}
