How to avoid situation where filter results overlap main menu at the top

Solved8 replies2 participantsUpdated by Rose Tyler

  • Avatar: Branislav
    Branislav
    Participant

    Dear Mr/Mrs

    how to avoid situation where filter results overlap main menu at the top? After setting up filters in filter area outcome of filtering is that product results overlap main menu at the top of shop page. Needed result might be that filter results will be under the main menu at the sho page. How to do that to avoid of mentioned situation?

    Please, contact administrator
    for this information.

    8 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Add shortcode of Shop banner static block into the description for categories.

    Regards

    Avatar: Branislav
    Branislav
    Participant

    It did not help. I added static blocks ID 4664 (https://www.lenlan.sk/wp-admin/edit-tags.php?taxonomy=product_cat&post_type=product) into all categories description and after filtering (https://www.lenlan.sk/shop/)by for example red color outcome is same like before. Still product results overlap main menu at the shop page (https://www.lenlan.sk/farba/cervena/).

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    You a using an additional plugin for mentioned filters, so custom CSS code needs to be used, add the next code in Theme Options > Theme custom CSS:

    .tax-pa_farba .main-products-loop {
        margin-top: 120px;
    }

    Regards

    Avatar: Branislav
    Branislav
    Participant

    Many thanks. I will try it. And will let you know if it works.

    Avatar: Branislav
    Branislav
    Participant

    and I should write it in Globall CSS or also into other (Desktop, Tablet, Mobile Landscape and Mobile)?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Global custom CSS.

    Regards

    Avatar: Branislav
    Branislav
    Participant

    and when I want that after filtering there will be shop page banner at the top as before filtering? what css one should write?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    This can’t be achieved using CSS only. Try to contact the support of the filter plugin, that you are using, and ask for assistance.

    Regards

The issue related to '‘How to avoid situation where filter results overlap main menu at the top’' has been successfully resolved, and the topic is now closed for further responses