Okay
  Public Ticket #3456807
Portfolio Responsive Break Points "Filter"
Closed

Comments

  •  15
    hahni started the conversation

    Dear Team,

    i know about your answers about "customzing" but actually i try to make the portfolio page "clean" - that means to optimize the portfolio filter now.

    I tried a lot and could most of this work and by doing this i looked very often in your delivered styles - bootstrap other portfolio etc.....

    to clean this up is not so easy therefore i ask only for a simple hint to change the breakpoint for the portfolio filter from 768-769 left to 991-992 right - i tried a lot and optimized it but i think there could be a small hint to do that.

    Why i want to change this? The filter is perfect and the possibility to filter in childs is more than sensational. The original layout is not like this - to change the breakpoint for the filter would generate a more consistent layout - mobile first is important but it should good on small "windows" on a screen too.

    Perhaps there is a possibility by your developer to give a small hint. Only the main change from 768 to 991.

    Regards André


  • [deleted] replied

    Hi André,

    I hope that I understand your question correctly. Please add the code below to your Custom CSS area:

    @media screen and (min-width: 448px)
        .portfolio-title-holder .pt-column-title {
            max-width: 45%;
        }
    }

    Have a nice day!

  •  15
    hahni replied

    Hi Ylli,

    thanks for your answer - i get it work yesterday evening with more finetuning and now i will make the CSS ready for final integration. If you want i could upload a video and the changed CSS here.

    Regards,
    André

  • [deleted] replied

    Hi André,

    Don't worry, if you have resolved this is all oksmile.png

    Thanks!

  •  15
    hahni replied

    Hi Ylli

    yes some "hard work" and understanding the css of each element but now it's really great. You could have a quick look in the video i made for the ticket:

    PS: i changed the length of the filter, the layout for all break-points, the back icon opacity and the position of the animation to have a consistent layout.

    Thanks for your advice i get it work like i wrote before in "some honor to your great portfolio possibilities".

    Attached files:  Arbeiten – BILD-WERK-STATT - Google Chrome 2023-09-14 11-01-54_small.mp4

  • [deleted] replied

    Thanks for providing this video, I'm glad that you are happy with the results nowsmile.png

    Have a fantastic weekend!