Archived topic
Custom Menu Design
6 replies · Started by Dev on December 21, 2020
Hello,
I want to display my hamburger menu like the one below I've shown in the video.
https://share.getcloudapp.com/yAuZ1n54
In the video color is blue, but I want this color code in my design. #f58000
Please let me know.
Hello,
Please avoid the above link and see the below link video is now visible in the below link
Hi there,
first of go to Customizer > Layout > Primary Navigation and add fill in your Mobile menu label
Once thats done i can take a look at the CSS required to style it like that other site.
Hello,
Okay, I did it. Now waiting for the CSS
I just noticed, your Mobile Header and navigation is not GP - its created with Thrive Architect, unfortunately we cannot provide support for that plugin - you would need to check with their support.
Hello,
Please visit https://www.diveshtechanalysis.com/blog/
My homepage and product pages are built on Thrive architect. Rest all pages are built on GPP.
Let me know.
Try this CSS:
.main-navigation .menu-toggle {
border: 1px solid #f58000;
color: #f58000;
padding: 10px 20px;
margin: 5px 10px;
transition: all 0.2s ease-in-out;
}
.main-navigation .menu-toggle:hover {
background-color: #f58000;
color: #FFF;
}