Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 25, 2015 at 10:21 pm #449736
    dburton77

    I have a color section that contains two 1/2 blocks. Inside the left 1/2 block, I have a text box and an image box. Both are aligned left to match the design. I’ve figured out how to make the text in the text box align center in responsive mode, but how would I make the image align center in responsive mode?

    May 26, 2015 at 7:09 am #449839
    Rikard

    Hey dburton77!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    May 27, 2015 at 12:04 am #450353
    dburton77
    This reply has been marked as private.
    May 27, 2015 at 6:56 am #450437
    Rikard

    Hi!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.page-id-1188 .avia-builder-el-2 .avia-image-container-inner img.avia_image {
  display: table !important;
  margin: 0 auto !important;
}
}

    Best regards,
    Rikard

    May 27, 2015 at 10:26 am #450493
    dburton77

    Works like a charm! Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Make image (left-aligned) align center in responsive mode’ is closed to new replies.