Navigation
Archive / Make an inline image responsive
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 5, 2016 at 6:17 pm #1073823
    pdopchev
    Participant

    Hi Guys,

    Trying to make the image on this page: http://www.dopchevproductions.com/test/ski-construction/ responsive to browser window size. Tried with the following css code but it doesn’t seem to be working:

    .scale-image
    {
    display: block;
    max-width: 100%;
    height: auto;
    }

    Any suggestions?

    July 5, 2016 at 11:12 pm #1074147
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    @media only screen and (max-width: 800px) {
    img.scale-image {
    width: 100%;
}
}

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1073823 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>