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:

    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.

    Avatar photoBob

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

    Avatar photo[anonymous]

    Hi Bob,


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

    Avatar photoBob

    Ok, thanks,  I got it.

    Fixed in the theme version

    Avatar photo[anonymous]

    Thank you!