Archived topic
Slideout Menu
5 replies · Started by Jason Westbrook on April 13, 2018
Hey guys,
Im stumped here. I am using the new slideout widget and I have a menu widget added. The issue I am running into is I dont know how to style the menu. I need more spacing, that arrow icon to show up for submenus "V" etc.
Any tips?
Hi there,
Can you link us to the page in question?
http://jasonwestbrook.com/demo
I can't figure out how to edit the spacing of the menu items on the slideout menu. When I add a navigation menu widget to the slideout menu widget area it doesnt give any options to style it. I need to increase spacing between menu items.
It is widgetized now right?
Try Layout > Slideout Navigation > Menu Item Height.
Let me know.
Leo,
Let me try and rephrase.
I am trying to style the slideout menu so I have a logo first, youtube embed second, menu third and social media icons last. This will let me really create a unique slideout-menu.
I am confused on what direction to go. Place widgets in the slideoutmenu like the "navigation menu widget" or assigning the menu location from "appearances>menus".
If I use the normal menu placement (not menu widget in the slideoutmenu) I am able to stle the menu but the placements I cant control. https://cl.ly/0D1f0O2n2Q1K
If I go the other route and do a widgetized menu it won't let me style it right but does let me order widgets correctly. https://cl.ly/2Q3G1t2F1W28
Try this CSS to increase menu item height:
.slideout-navigation a {
line-height: 40px;
}
Let me know if this helps.