Menu design - by Nuno Pereira - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 5 years, 2 months ago ago by Rose Tyler

  • Avatar: Nuno Pereira
    Nuno Pereira
    Participant
    September 30, 2020 at 15:51

    Hello again,

    I´m developing a website for a client: https://redhouserh.hbi.pt/

    My client wants a custom menu like the one on the gucci website: https://www.gucci.com/

    Transparent gradient menu overlaying the content (see image here: https://ibb.co/XCypbjY). It´s possible to achieve this design on the theme?

    So what i´m saying is something like the one you have on one of your demos: https://ibb.co/xF2PzJY
    But bellow the menu I´m using a slider from Slider Revolution, can I overlay that?

    Also, I´m using different background colors for the main menu and the sticky menu. How can I define different active link colors when it´s in sticky mode? see image here: https://ibb.co/QrGTRGf. Another issue it´s the time to switch between colors from normal to sicky. Is there a way reduce the animation time during the scroll?

    Thank you.

    6 Answers
    Avatar: Nuno Pereira
    Nuno Pereira
    Participant
    September 30, 2020 at 17:30

    Nevermind, I figured it out how to overlap and put the transparency. Just another question, how can I define the overlap to work only on specific pages I choose?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 1, 2020 at 08:20

    Hello,

    You can use Multiple headers to apply different headers for different pages – https://youtu.be/BpeXfzNwkOc

    Regards

    Avatar: Nuno Pereira
    Nuno Pereira
    Participant
    October 1, 2020 at 11:12

    Thank you. Also how can I change the background color for the mobile menu and there´s a way to customize the close of the off-canvas menu? see image here: https://ibb.co/kH3swCb

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 2, 2020 at 07:41

    You’re welcome!
    Theme options > Header builder > Account > Dropdown Background.
    By default, the Close button can’t be changed. How exactly do you want to customize it? Describe the desired result in more detail, maybe we will be able to assist you with custom CSS code.

    Regards

    Avatar: Nuno Pereira
    Nuno Pereira
    Participant
    October 2, 2020 at 15:37

    I would like no background and the icon in white

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 2, 2020 at 15:40

    Add the next code in Theme Options > Theme Custom CSS:

    .et-mini-content .et-close {
        background-color: transparent;
        color: white;
    }

    Regards

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

The issue related to '‘Menu design’' 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.