Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 24, 2022 at 7:53 pm #1352811
    navindesigns

    On my shop page – https://staging3.hardwoodbrothers.com/shop-test-page – see login info below I am using a custom plugin filter. It looks great on desktop but on mobile when I open the filter on the left, the top portion of it is being hidden behind the enfold header.
    Can you please help me figure out how the entire filter can over lay over the enfold header by default and when the page is scrolled.

    Thanks

    May 25, 2022 at 6:27 am #1352860
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    You can use this css code to adjust the stack order of the #header container in the document when the filter is active.

    .responsive .wc-prdctfltr-active #wrap_all #header {
    z-index: 0;
}

    This should place the #header under the #main container, which is where the filter is located.

    Best regards,
    Ismael

    May 25, 2022 at 3:13 pm #1352929
    navindesigns

    That works. thanks

    One other thing I notice, the filter bar is NOT scrollable so I cannot see the bottom portion

    When I try to scroll the filter bar, the main site in the background scrolls instead

    Thanks

    May 26, 2022 at 9:01 am #1353025
    Ismael

    Hi,

    Thanks for the update.

    The filter container becomes scrollable when we remove the prdctfltr_overlay container with this css code.

    .prdctfltr_overlay.prdctfltr_active {
    display: none;
}

    Unfortunately, we are not sure if this modification will affect the filter in any way. Please contact the plugin authors for more info.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.