Menu hover - by Nuno Pereira - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 5 years, 2 months ago ago by Olga Barlow

  • Avatar: Nuno Pereira
    Nuno Pereira
    Participant
    October 12, 2020 at 09:45

    Hi, I´m developing a website for a client where he wants the menu to have bg color when hover the menu. In normal it is has a transparent background. https://redhouserh.hbi.pt/

    A while back you guys sent me this code:

    .header-main-wrapper:hover {
    background-color: #25211e;
    }

    and it worked but now the site has a bottom header. How can i make the whole menu including the bottom header to have bg color on hover? https://ibb.co/frZyVvP

    Also how can I style all breadcrumbs, including the ones on the product page from this: https://ibb.co/YZzZL3x to this: https://ibb.co/zJJjSwP

    Thank you.

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 12, 2020 at 15:28

    Hello,

    1) Try to replace the previous code by this one

    .header-wrapper:hover {
    background-color: #25211e;
    }

    2) All the available breadcrumbs settings you can find in Theme Options > Breadcrumbs. Try to choose the left type instead of the center. If you need something else you can do this only by additional PHP customization.

    Regards

    Avatar: Nuno Pereira
    Nuno Pereira
    Participant
    October 12, 2020 at 18:01

    Thank you.

    Well what I´m trying to achieve is something like this: https://ibb.co/NjkxftZ

    If possible I want to stylize like the ones on the image and put it side by side with the shop filters. Being the breadcrumbs on the left and the filters on the right. Also I´ve successfully hide the show all filter but I can´t remove the show text. What I have right now: https://ibb.co/jkqFMb9

    Is anything of this possible to do?

    Thank you once again.

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 13, 2020 at 16:16

    Hello,

    We don’t have option out of box to create this layout of the breadcrumbs and filters https://ibb.co/NjkxftZ
    To remove the filters button go to Appearance > Widgets > remove widgets from the Shop filters widget area.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Menu hover’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.