Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 24, 2024 at 5:05 pm #1458355
    ErcanSariguel

    Hi, I am using the Enfold Elegant Portfolio and on my Portfolio Pages there are always 2 columns with images (flexible Masonry). This is nice, but the images in these 2 columns are scaling down and getting smaller and smaller until the viewport reaches mobile sizes, which results in a one-column view. My question is: Can I get a one-column view when the viewport gets smaller than, for example 1440 pixels viewport width? Can i adjust the breakpoints of the masonry grid so to say? Greetings Ercan

    June 24, 2024 at 10:32 pm #1458530
    Mike

    Hey ErcanSariguel,
    Please link to your page so we can examine and offer a single column solution for 1440px

    Best regards,
    Mike

    June 24, 2024 at 11:53 pm #1458535
    ErcanSariguel
    This reply has been marked as private.
    June 25, 2024 at 8:49 am #1458557
    Ismael

    Hi,

    Thank you for the info.

    You can use this css code to adjust the width of the masonry items on smaller screens (1400px or less):

    @media only screen and (max-width: 1400px) {

  /* Add your Mobile Styles here */
  #top .av-masonry.av-a3xg2-658ab37a9edd2ce89fe50f0c548108e2 .av-masonry-entry {
    width: 100%;
  }
}

    Best regards,
    Ismael

    June 25, 2024 at 12:52 pm #1458574
    ErcanSariguel
    This reply has been marked as private.
    June 26, 2024 at 7:48 am #1459264
    Ismael

    Hi,

    Thanks for the update.

    where can i use this code? I tried it on my portfolio page and put it at:

    You have to add the css code in the Enfold > General Styling > Quick CSS field or in the child theme’s style.css file. Let us know of the result.

    Best regards,
    Ismael

    June 26, 2024 at 2:30 pm #1459547
    ErcanSariguel
    This reply has been marked as private.
    June 26, 2024 at 3:17 pm #1459576
    Rikard

    Hi,

    Great, I’m glad to hear that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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