Archived topic

Submenu in line with the edge of the navigation bar

3 replies · Started by Diogenes on October 24, 2018

Viewing posts 1–4 of 4

October 24, 2018 at 1:41 pm #709593

It is possible that the submenu was placed at the height of the edge of the navigation bar.

I was able to do it with this code:

.main-navigation ul ul {
margin-top: 16px;
}

The problem is that when I try to select the submenus, they disappear.

Is it possible to do this?

I leave you a capture of what I would like to do:

[img]http://img.fenixzone.net/i/IJ2tefK.png[/img]

I would appreciate any help

October 24, 2018 at 8:41 pm #709788

Hi there,

Give this a shot:

.main-navigation .main-nav > ul > li > .sub-menu {
    padding-top: 16px;
    background: transparent;
    border: 0;
}

.main-navigation .main-nav > ul > li > .sub-menu > li {
    background: #fff;
}

Let me know :)

October 25, 2018 at 12:36 pm #710492

Thanks Tom, it worked well.

Add this in addition to the sticky bar:

.sticky-navigation-transition.main-navigation .main-nav > ul > li > .sub-menu {
padding-top: 11px;
}

Greetings.

October 25, 2018 at 3:37 pm #710594

Awesome, glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.