Archived

This topic is now archived and is closed to further replies.

  • 0

Sidebar list not vertical

Question

Posted · Report post

I've placed a menu in the primary sidebar but for some reason it will not list vertically (see screenshot) (http://www.tnrcycling.org). Instead, the first two menu items (i.e., About, Contact) are listed in the same row. This seems strange to me, as the html looks like standard <ul><li>...</li></ul>, which I always understood to create line breaks.

 

Any suggestions? Thanks, 

 

- cjr

 

 

Professional Framework

WordPress Version 3.5.1

 

post-27963-0-24455100-1363019372_thumb.p

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

I appreciate the quick response but I was already using a Custom Menu in the sidebar. With a bit of trial-and-error, it turns out that I needed to add the following to change the style:

 

#menu-about_menu {display: inline;}

 

I had modified the CSS previously to change the background and font color with/without mouse hover and, in doing so, it seems the menu display was no longer set to inline.

 

Thanks.  

Share this post


Link to post
Share on other sites

Posted · Report post

I'm not seeing the menu in your sidebar. Did you remove it? The list is probably not vertical because the display isn't set to inline in the CSS.

Share this post


Link to post
Share on other sites

Posted · Report post

Sorry about that -- the sidebar is only set to appear on the "About" pages (e.g., http://www.tnrcycling.org/about/). 

 

I'm not familiar with the set the display to inline. Could you suggest some code?

 

Thanks again,

 

-cjr

Share this post


Link to post
Share on other sites

Posted · Report post

Yes, the inline code is used in the custom CSS. You’ll need to use Custom CSS (in PageLines > Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions: http://support.pagelines.me/docs/customization/custom-css. For more insight on the inline code, please see: http://www.w3schools.com/cssref/pr_class_display.asp

Share this post


Link to post
Share on other sites

Posted · Report post

I'm familiar with editing the Custom CSS and with using Firebug. What I'm struggling with is editing the CSS to achieve the vertical display. Here's what I've tried but didn't work:

 

 

#sb_primary.copy.no_clone.section-sb_primary {display:inline}
 
Thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

If you go to Dashboard > Appearance > Widgets, you will find an option for "Custom Menu" among the available widgets.  If you place this in any of the vertical sidebars you may have, it automagically sets up the menu in stacked, vertical order, even if it's the same menu used in the Nav.

 

There's no need to restyle it or recreate it to create vertical alignment in a sidebar.  If you want, you can even go to Dashboard > Appearance > Menus and create a new custom menu and assign that to the vertical one, and have your original for horizontal navigation.

 

The custom sidebar menu can be styled differently that way.

Share this post


Link to post
Share on other sites