Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 7, 2019 at 12:26 am #1075706
    Lara

    Hi team,

    I have an easy slider in my duplicate footer with logos. I had to make these logos 184 × 113px to be readable on a pc. On mobile view they are quite large and pixelated. I was wondering if I could make them smaller and less grainy on mobile view?

    Lara

    March 10, 2019 at 6:28 pm #1077074
    Basilis

    Hey Lara,

    The size you upload it is bad for retina ( mobiles ) and this is why it does look this bad.

    Best regards,
    Basilis

    March 11, 2019 at 12:11 am #1077158
    Lara

    Is there a size I can use for pc and mobile

    March 14, 2019 at 8:09 am #1078561
    Victoria

    HiLara,

    Please try this css:

    
@media only screen and (max-width: 767px) {
  #color-footer .avia-slideshow li img {
      width: 25% !important;
  }
}

    Best regards,
    Victoria

    April 24, 2019 at 2:25 am #1093785
    Lara

    Thanks Victoria,

    The logo is now super tiny and still pixelated.

    See the first image in the link provided.

    April 25, 2019 at 12:27 pm #1094369
    Victoria

    Hi Lara,

    You might want to use the higher quality logos and when they scale down they will look good. Css will not fix this.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.