Navigation
Archive / image width in mobile view
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 15, 2016 at 3:45 pm #992597
    bak
    Participant

    Hi

    How can i reduce the size of a specific image on mobile?

    May 15, 2016 at 3:46 pm #992598
    bak
    Participant
    This reply has been marked as private.
    May 15, 2016 at 9:23 pm #992930
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! The easiest way is to add a custom ID or class in your image. You can then make use of this code to make it smaller on mobile devices.

    @media(max-width: 979px){
  #my-custom-ID {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }

  /* if you are using a class */
  .my-custom-class {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}

    If you need anything else, please let us know.

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