Menu design - by Nuno Pereira - on WordPress WooCommerce support

Solved6 replies2 participantsUpdated by Rose Tyler

  • Avatar: Nuno Pereira
    Nuno Pereira
    Participant

    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.

    #253299 Copied Theme version: 7.0.2

    6 Answers

    Avatar: Nuno Pereira
    Nuno Pereira
    Participant

    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?

    #253320 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

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

    Regards

    #253377 Copied
    Avatar: Nuno Pereira
    Nuno Pereira
    Participant

    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

    #253402 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #253467 Copied
    Avatar: Nuno Pereira
    Nuno Pereira
    Participant

    I would like no background and the icon in white

    #253572 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

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

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

    Regards

    #253575 Copied

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