Responsive issue with images

Home Forums Porto – Responsive HTML5 Template Responsive issue with images

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10006376
    paulcastro
    Participant

    Hey Okler Team,

    I have a concern regarding the about-me.html page.

    I have modified it so that it contains text then some pictures and more text and then a video.

    It seems that the images won’t scale to a mobile-friendly dimension when viewed under a smartphone.

    I think the problem lies within this code:

    <img alt="project sketch rendering" src="img/projects/aerospace-lighted-touch-keypad-sketch.jpg" />

    I know there is two classes but if i don’t put the class=”center” the image won’t center to the page when viewed on a desktop. I’ve even tried to make the <div class="row center"> but nothing worked.

    I’m having problems with the image not centering on the desktop version if it is responsive on the mobile version.

    And

    the mobile version not centering or fitting to the page, if the desktop version is centered.

    Please help,

    Kind Regards
    Paul


    #10006379
    paulcastro
    Participant

    Is the code showing?

    project sketch rendering


    #10006388
    Support
    Keymaster

    Hello, yes, it’s showing now.

    To make the images responsive, you need to add the class img-responsive.

    <img src="path" alt="" class="img-responsive">

    Please try that and let me know if you need further assistance.

    Kind Regards, Jonas


Viewing 3 posts - 1 through 3 (of 3 total)

This topic is marked as "RESOLVED" and can not rceive new replies.