Site logo

Archived topic

Slideout Menu

5 replies · Started by Jason Westbrook on April 13, 2018

Viewing posts 1–6 of 6

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.

https://cl.ly/1S1p423b1R06

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.

This archived topic is closed to new replies.