Okay
  Public Ticket #1834429
Portfolio Template Alignment and Filter Issue
Closed

Comments

  • Tomo started the conversation

    Hi,

    1) We have a portfolio title overlap issue on mobile. Please see attached image.

    2) If you visit our homepage our category filter (on the lower left) doesn't seem to be working.

    Thanks.

  • Tomo replied

    Further screenshots posted to help resolve issue. Looks like there is a resposive sizing issue as well when reducing the browser window width. Please see attached images.

    One image shows the portfolio title being displayed incorrectly.

    The second image shows the portfolio titles overlapping each other.

    Thanks for your help.

  •  1,974
    Support replied

    Hi,

    You have 2 options:

    01. Use shorter titles

    02. Decrease the size of titles by adding this in Dasboard > Appereance Editor > Custom CSS:

    .item-title {
    font-size: 20px;
    line-height: 28px;
    }

    .item-title div, .item-title-hover div {
    height: 28px;
    line-height: 28px;
    }

    .item-title span {
    min-width: 5px;
    }

    .item-title-hover {
    font-size: 20px;
    line-height: 28px;
    }

    .item-title-hover span {
    min-width: 5px;
    }

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Tomo replied

    Hi,

    Thanks for your support.

    1)   We have opted for the visible-title style to make the page more presentable with the longer portfolio titles. The only issue with this is on mobile where we could do with a little more margin between the top of the title and the portfolio image. Please see image attached.

    Maybe the text needs to be aligned "top" but with a top margin to make all titles consistent?

    2)  We tested the site on a Microsoft Surface Pro 4 and noticed some strange layout behaviour on the chrome browser. 

    https://beyondbespoke.com.au/surface-pro-alignment-issue.mp4

    Thanks,

  •  1,974
    Support replied

    Hello,

    try adding

    1)

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

    .title-overlay .item-caption {
        bottom: -10px;

    }

    }

    in customizer -> additional CSS

    2) I will have to forward your question to our web designer

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Tomo replied

    Sorry to be a pain but the longer portfolio titles are still overlapping their portfolio image above them on different devices.

    Is it possible to align text top and then add a top margin to ensure this doesn't happen please?

    Thanks again.

  • Tomo replied

    Don't worry, we saw that the titles were causing issues for the theme developers so we agreed with our client to use short titles.


    Please close.

  •  1,974
    Support replied

    Will reply to your other ticket shortly.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy