Okay
  Public Ticket #2484278
Problem with 3 column portfolio layout
Closed

Comments

  • Gert_T started the conversation

    Hi

    I have a problem with the 3 columns layout, for one reason or another it breaks after 3 category items?

    Thanks

  •  296
    Paul replied

    Hi. I just responded to another of your ticket: https://uxbarn.ticksy.com/ticket/2484258 . I am closing this one.

  •  1
    metropolice replied

    Hi Paul,

    Thanks but the ticket is removed? When I click on the link below there is no ticket anymore? 

    Gert

  •  1
    metropolice replied

    Further on the problem, I used the code suggestion from another post so I inserted the code below:

     .col3 .portfolio-item, .portfolio-category:nth-child(3n+1) {
        clear: left;
     }

    So now it works on desktop but not on mobile, see screens attached? It works for iPhone 8 and older but for 10+ it gives the problems attached.


  •  296
    Paul replied

    Hmm. I could not seem to reproduce the issue. I have tried it on different simulated device screens on my computer and on my iPhone XS, but the photos looked fine.

    I am wondering are you currently using any kind of the caching plugin? Could you try to clear all the cache and test it again?

  •  1
    metropolice replied

    Hi Paul, thanks for the follow up. In the meantime I fixed the issue with the different screen sizes. Now it shows perfectly on all screen sizes. I used the @media to adjust the 'clear' for the different sizes.