Archived topic

Could help me make design a menu such as this?

3 replies · Started by Hadi Mahmud on February 10, 2019

Viewing posts 1–4 of 4

February 10, 2019 at 7:54 am #806677

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

February 10, 2019 at 9:02 am #806729

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

February 10, 2019 at 4:55 pm #806935

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

February 10, 2019 at 7:11 pm #806973

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.