Okay
  Public Ticket #1798933
Adaptive image size for mobile friendly!
Closed

Comments

  •  1
    ravenlee started the conversation

    Hi,


    On mobile view, images are not responsive.

    I want that images resize to fit mobile screen size.


    Thanks.

    Raven

  • [deleted] replied

    Hi Raven,

    Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer.

    Please send us a screenshot of your problem and also the URL of that exact  page that you mention.

    Thanks!

  •  1
    ravenlee replied

    Hi Ylli,

    Thank you for your support.

    Hope you to aware the difference of image view between PC and Smartphone from the attachments.

    You could try to look around the link below.

    https://www.ravenfury.com/shop/diy/parts/escs/hobbywing-platinum-40a-v434s-switching-bec/

    Thanks,

    BR


  • [deleted] replied

    Hi ravenlee,

    That is happening because your images are very small to fill the container. Anyway you can apply this CSS code in your Custom CSS area:

    .tab-content .entry-content img {
        width: 100%;
        height: auto;
    }

    So that will make your images to fulfill entire container.

    Have a great day!

  •  1
    ravenlee replied

    Thank you. It works!!

    I can see full images on my smartphone's screen.

    But i want it to apply for smartphone only but PC.

    Because 100% width images on PC screen is too big or image quality looks bad.

    Is it possible to run the code you gave me only for smartphone users?


    Sincerely,

    Raven

  • [deleted] replied

    Hi Raven,

    Please add the code below to your Custom CSS area:

    @media screen and (max-width: 768px) {
        .tab-content .entry-content img {
            width: 100%;
            height: auto;
        }    
    }
    

    and remove the code.

    Have a nice day!

  •  1
    ravenlee replied

    Thank you very much Ylli, it works very good that i expected!!

    You can close the ticket!

    Best regards,

    Raven

  • [deleted] replied

    Hi Raven,

    I'm glad to hear that

    Will set this ticket as solved from here.