[Resolved] Could help me make design a menu such as this?

[Hadi Mahmud]

Hello,

Are there any who have no experience or help me to make a menu like this?

I focus on the red box.

http://prntscr.com/mj54rk

Thank you

[Tom]

Hi there,

Since you’re using the click dropdown type, it’s pretty easy:

.main-navigation ul.sub-menu {
    padding: 10px;
    border-radius: 5px;
    margin-top: 25px;
}

.main-navigation ul.sub-menu:after,
.main-navigation ul.sub-menu:before {
	bottom: 100%;
	left: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.main-navigation ul.sub-menu:before {
	border-bottom-color: #fff;
	border-width: 16px;
	margin-left: 20px;
}

[Hadi Mahmud]

Waw.. good job… Thank you so much..

[Tom]

You’re welcome 🙂

[Author]

Posts