Custom Menu Design

[Dev]

Hello,

Please see the below screenshot link.

http://prnt.sc/p4uavy

I want to make my mobile menu the same. Exact same in color Background and same as all sub menu fall down.

Please let me know

[David]

Hi there,

try this CSS:

#mobile-header.main-navigation ul ul {
    visibility: visible;
    float: none;
    position: static;
    height: auto;
    opacity: 1;
    pointer-events: auto;
}

#mobile-header.main-navigation .main-nav>ul>li>a {
    background-color: #4e8abf;
    color: #fff;
}

#mobile-header.main-navigation .main-nav>ul>li:hover>a,
#mobile-header.main-navigation .main-nav>ul>li.current-menu-item:hover>a {
    background-color: #dd9c39;
    color: #fff;
}

.mobile-header-sticky #mobile-header.toggled .main-nav>ul {
    max-height: calc(100vh - 60px);
    overflow-y: scroll;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Dev]

Hello,

It worked as expected, thanks a lot for the great support like always.

Have a nice day.

[David]

Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Dev]

Hello David,

Please check the below screenshot link.

https://prnt.sc/p5609t

I’m not able to click on the submenu items.

I mean like items under WD Gann Articles/Trading Courses/Disclaimers

are not clickable.

[David]

Aah forgot about that.. updated the CSS above

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts