Okay
  Public Ticket #2727997
Two columns Portfolio in mobile version
Closed

Comments

  •  2
    sergiomenendez started the conversation

    Hi,

    Is there a way to display a masonry Portfolio on two columns on the mobile version (instead of the default one column)?

    I saw that this topic was already treated in the forum but the CSS code that is suggested there doesn't work for me (or I did some step wrong, maybe).

    Thanks in advance!

  • [deleted] replied

    Hi Sergio,

    On your homepage, I can see that portfolio items are two columns on devices that are more than 480px in width.

    If you want to do the same for 0 to 480px then please add the code below to your Custom CSS area:

    @media screen and (max-width: 480px) {
        .portfolio-holder .portfolio-item.w2-4 {
        width: 50%;
        } }
    Have a nice day!

  •  2
    sergiomenendez replied

    Hi Ylli,

    It works! Thanks for your help.

    Do you know if there's a way to reduce the gutter between thumbnails proportionally (leaving the desktop gutter as it is)? I have the feeling that right now the separation is the same as in the desktop version, which looks quite big on mobile devices.

    Cheers,

    Sergio.

  • [deleted] replied

    Hi Sergio,

    We don't have an option for that. The default padding of Bootstrap is 15px and is not a good practice to change them.

    If you're looking for professional help in this matter, there's always someone available for such tasks on Codeable or WP Kraken website. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.

    Have a nice day!

  •  2
    sergiomenendez replied

    Hi Ylli,

    Thank you for the information. It is just a small detail, so it can stay like that for the moment. I will for sure contact the websites you gave me if I want to make these changes in the future.

    Best regards,
    Sergio.

  • [deleted] replied

    Hi Sergio,

    Don't worry, I'm happy that I helped you today!

    Have a nice day!

    P.S: If you enjoy our theme, you can head over to your Downloads tab and give it 5 stars. We will love you forever.