Archived topic

Custom Menu Design

5 replies · Started by Dev on September 11, 2019

Viewing posts 1–6 of 6

September 11, 2019 at 10:12 am #1006993

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

September 11, 2019 at 10:54 am #1007042

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;
}

September 11, 2019 at 10:59 am #1007050

Hello,

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

Have a nice day.

September 11, 2019 at 11:09 am #1007061

Glad to be of help.

September 12, 2019 at 4:26 am #1007516

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.

September 12, 2019 at 5:02 am #1007545

Aah forgot about that.. updated the CSS above

This archived topic is closed to new replies.

Start building better websites today.