Doesn’t play well with Astra Masonary view

  • NeiltheSpacechimp

    (@neilthespacechimp)


    4 years ago

    If you choose Masonry Layout as an option in the customizer the doc_category page are affected by the max height CSS making them collide with category title.

    When Masonry Layout is active the resulting CSS is:

    <main id=”main” class=”in-wrap” role=”main”>
    <div class=”bsf-page-header masonry” style=”position: relative; height: 8.5px;”>

    The style in the last div are the problem.

    I can’t see any way to set it so that the Masonry styling is only on the blog pages.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hi @neilthespacechimp,

    Would you mind share with us screenshots of the Customizer settings and the result to the page contains the docs? It would be much better if you can share the live site URL too.

    Kind regards,
    Herman ??

    Thread Starter NeiltheSpacechimp

    (@neilthespacechimp)

    Hey Herman, Thanks for getting back to me.

    Sure here’s some screen shots to show you what I mean. Though you should be able to duplicate it with an install of Astra (theme), astra pro (plugin) and BSF docs (plugin)

    When you activate masonry from within the customizer
    https://ibb.co/MR1Qxxm

    The page looks like this:
    https://ibb.co/XC6kPxS

    When you turn off Masonry, the page looks like this:
    https://ibb.co/yyWX4FC

    The reason the layout breaks is because of the inline style that’s added by the masonry option here:
    https://ibb.co/VqF48fv

    I think the Astra theme or Astra pro Plugin needs a rule added to exclude the Doc post type from Masonry. I hope that helps illustrate what I’m talking about. Thanks again.

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hi @neilthespacechimp,

    I was able to replicate this on my end, so I am going to report this to our concerned dev team. Thank you for bringing this to our attention and we’re sorry for the inconvenience you may have because of this.

    Kind regards,
    Herman ??

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hi @neilthespacechimp,

    I would just to give you an update on this that our concerned dev team is still looking into the issue. In the meantime, please add the following CSS to fix the issue

    #main .bsf-page-header.masonry {
    height: unset !important;
}

    Please let us know if it’s working well for you.

    Kind regards,
    Herman ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Doesn’t play well with Astra Masonary view’ is closed to new replies.