Return to previous page

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

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.

#253299 Copied Theme version: 7.0.2

6 Answers

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?

#253320 Copied

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

#253377 Copied

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

#253402 Copied

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

#253467 Copied

Nuno Pereira

Participant

October 2, 2020 at 15:37

I would like no background and the icon in white

#253572 Copied
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
#253575 Copied
Viewing 7 results - 1 through 7 (of 7 total)