Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 10, 2017 at 7:39 pm #887126
    oasure

    Hi, I would need some help on my website with the logos displayed here. On desktop it’s fine, but I would like to set a maximum width on mobile view because the images look way too big on mobile. Is that possible ? Thank you in advance.

    Kind regards,
    Oasure

    December 11, 2017 at 8:00 am #887255
    Rikard

    Hey oasure,

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

    @media only screen and (max-width: 767px) {
#partenaires .avia_image {
  max-width:50% !important;
}
}

    Best regards,
    Rikard

    December 11, 2017 at 1:16 pm #887370
    oasure

    That works great, thank you ! How can I have those centered ? For now they are on the left: capture
    Kind regards,
    Oasure

    • This reply was modified 7 years ago by oasure.
    December 11, 2017 at 3:16 pm #887447
    Victoria

    Hi Oasure,

    Add the margin rule to that code

    
@media only screen and (max-width: 767px) {
  #partenaires .avia_image {
    max-width:50% !important;
    margin: 0 auto;
  }
}

    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.