Custom CSS for tablet version in SS 7.0 Ishimoto

Hi everyone,

I'm trying to get an image in the footer of my website to be smaller in the tablet version (it's huge). I was able to edit the CSS successfully in the mobile version, but no luck in the tablet version. Thank you for your help!

Hi,

Which code did you use or what is site url? We can give you code for tablet easier

Thank you for your reply!

The site is here: https://www.bedrockcle.com/

And the code I used is this:

@media screen and (max-width:640px) {
  #block-yui_3_17_2_1_1701971707918_5636 {
    width: 30%;
        position: absolute;
        width: 80px;
        right: -4vw;
  }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    #block-yui_3_17_2_1_1701971707918_5636 {
    width: 30%;
  }
}

Just use this code

@media screen and (min-width:641px) and (max-width:900px) {
div#block-yui_3_17_2_1_1701971707918_5636 {
    max-width: 100px;
}
div#footerBlocks-1>.row:nth-child(2) .span-9 {width: 30% !important;float: right !important;}

div#footerBlocks-1>.row:nth-child(2) .span-3 {
    float: left !important;
    width: 60% !important;
}
}