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

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 7 years, 2 months ago by Tom.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 10, 2019 at 7:54 am #806677

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

February 10, 2019 at 9:02 am #806729
Tom
Lead Developer
Lead Developer
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

Hadi Mahmud

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

February 10, 2019 at 7:11 pm #806973

Tom
Lead Developer
Lead Developer

You’re welcome 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.