Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

CSS issue for QF theme

  • #4821
    Avatar photo[anonymous]

    Hi there,

    I’m using QF Fashion theme for my last project and I found a tiny CSS error I’m unable to fix properly. When enabling the theme’s Card Reverse post alignment, the margin is causing the excerpt to be hidden on smartphones.

    Check out it live: https://ibb.co/ByG806f

    The problem is this code I think:

    .l-cards--reverse .c-card:nth-child(2n) .c-card__text {
        margin: 0 -12% 0 0;
    }

    The -12% is messing up the content on smaller screens.

    #4823
    Avatar photoBob

    I don’t see such a problem. Could you provide with me the URL to the live example of this issue?

    #4824
    Avatar photo[anonymous]

    Hi Bob,

    Here: https://demo.getpublii.eu/themes/qf/

    Then, enable the smarphone view in the console and scroll down to: Unusual Places For Fashion Photography

    #4826
    Avatar photoBob

    Ok, thanks,  I got it.

    Fixed in the 2.1.1.0 theme version https://marketplace.getpublii.com/themes/qf-fashion/

    #4827
    Avatar photo[anonymous]

    Thank you!