Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 16, 2016 at 12:59 pm #712875
    SoniTonic_Admin

    Hello Kriesi Board,

    we are struggling to get our enfold template mobile responsive.
    We are using the avia layout builder plugin on our landing page, to drag and drop the contents in it.
    However, the images seem to stay the same size if the resolution gets smaller. This results in huge icons on a phone.

    How can I make the images responsive?

    All the best,
    Sonic Tonic

    November 18, 2016 at 4:10 pm #714080
    Yigit

    Hey SoniTonic_Admin,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your image elements where you have your icons and give them a custom CSS class (“your-custom-class” in example below) then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.your-custom-class img { max-width: 200px; }}

    Best regards,
    Yigit

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