Okay
  Public Ticket #2978248
Mobile View for Portfolio
Closed

Comments

  • franzholstein started the conversation

    Hello,

    how can we change the column size of the portfolio for responsive?

    They are all underneath each other, but 50% would be enough. 2 per row would be fine.

    Any chance to adjust this for Tablet and Phone?

    9322627395.png


  •  933
    Neuron replied

    Hi,

    At the column width, you have an icon that is for responsive modes, so just click on it, and then there will be shown the responsive modes, click on the mobile icon, then you can change the width of the column for mobile.

    https://ibb.co/ZSh6pfJ

    For more, please check the following article:

    https://elementor.com/help/mobile-editing/

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,

    I am aware of this function, but a single portfolio element in your Neuron Porfolio Element is not treated as an individual column. 

    See for yourself what happens when you use it. You must have coded some responsive column adjustments in your neuron portfolio element in elementor.

    6847430589.png


  •  933
    Neuron replied

    Hi,

    We're so sorry for the late reply, we had some holidays + it was the weekend.

    I guess you've managed to solve it, I've attached a screenshot of how it is displaying on my screen.

    https://ibb.co/8DVHS1d

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,

    as written in my initial request: there should be 2 columns per row on mobile. 1 Column is standard and not adjustable, via the column width inside elementor.

    Kind regards
    Patrick

  •  933
    Neuron replied

    Hi Patrick,

    Sorry for the misunderstanding, now I've added the following code at Appearance > Customize > Additional CSS, please take a look at it.

    @media (max-width: 768px) {
        .masonry .col-md-6 {
            display: inline-block;
            flex: 0 0 50% !important;
            max-width: 50% !important;
        }
    }

    Feel free to ask for anything you need.

    Kind Regards