Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 2, 2018 at 4:07 pm #936114
    bakbek

    Hi, how can I make the images take the full width of the column on mobile as they do on Desktop?

    I can’t use this code:

    @media only screen and (max-width: 449px) {
        .avia-image-container.avia-align-center .avia-image-container-inner {
            width: 123.4% !important;
            max-width: 130%;
            left: 11.6%;
        }
}

    Because that messes up with the alignment of other things on other pages.

    April 3, 2018 at 8:56 am #936370
    Victoria

    Hey DROR,

    I do not see what alignment is broken by this code, can you please attach a screenshot?
    You can add the page id class as below and the code will affect only this page:

    
@media only screen and (max-width: 449px) {
      .page-id-18798 .avia-image-container.avia-align-center .avia-image-container-inner {
          width: 123.4% !important;
          max-width: 130%;
          left: 11.6%;
      }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 3, 2018 at 9:14 am #936386
    bakbek

    Thanks!

    April 3, 2018 at 1:20 pm #936531
    Victoria

    Hi bakbek,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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