I’m wondering if I can make just one specific image smaller on a mobile device. On my website: http://www.lcanorthbay.com/ I need the second logo (operated by: with the blue heart) to be smaller on a mobile device because proportionally it’s taking up too much room on the small screen. Thanks so much!
Hey Sara!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
#av_section_1 {
min-height: initial;
}
#av_section_1 .avia_image {
width: 220px;
}
}
Cheers!
Josue
Sorry I never got back to you on this! I ended up adding 2 logos in the header but thank you for the code!
You are welcome, glad to help :)
Regards,
Josue