Title: Compacting right sidebar menu?
Last modified: August 30, 2016

---

# Compacting right sidebar menu?

 *  Resolved [TeqToo](https://wordpress.org/support/users/teqtoo/)
 * (@teqtoo)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/)
 * The client likes the right sidebar menu as an alternative way of navigating the
   site, but wonders if it can be “compacted” so it doesn’t look so long, without
   losing the responsive nature of the theme. I know I could pare down the number
   of pages shown in the menu, but they kind of like having most of the pages listed
   in the sidebar, but don’t like the sidebar being so long. [:/ Also, is it possible
   to disable what they call the “jumping” animation? I did so in the left sidebar
   for the items under “news”. I’d like to show them how it would look on a menu
   without the animation. Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)

 *  Thread Starter [TeqToo](https://wordpress.org/support/users/teqtoo/)
 * (@teqtoo)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623555)
 * Sorry, forgot link: [http://nysbs.org/newsite/](http://nysbs.org/newsite/)
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623610)
 * When you say long, are you referring to the length of the column or the width?
 * Regarding the animation, this is what does it:
 *     ```
       aside li {
           line-height: 1.5;
           padding: 6px 0;
           border-bottom: 1px solid #ebebeb;
           -moz-transition: padding-left .3s ease-in-out;
           -o-transition: padding-left .3s ease-in-out;
           -webkit-transition: padding-left .3s ease-in-out;
           transition: padding-left .3s ease-in-out;
       }
       aside li:hover {
       	cursor: pointer;
       	padding-left: 10px;
       }
       ```
   
 * On each of the transitions, you would replace the attributes with: none;
    Then
   for the hover, change 10px to 0.
 *  Thread Starter [TeqToo](https://wordpress.org/support/users/teqtoo/)
 * (@teqtoo)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623623)
 * I mean the length of the column. Width is fine.
 *  Thread Starter [TeqToo](https://wordpress.org/support/users/teqtoo/)
 * (@teqtoo)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623624)
 * Can I just pop that code above in custom css to override, or must I create a 
   child theme to do that?
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623632)
 * Any custom CSS can definitely be added to your own stylesheet override. The above
   would be:
 *     ```
       aside li {
           -moz-transition: none;
           -o-transition: none;
           -webkit-transition: none;
           transition:none;
       }
       aside li:hover {
       	padding-left: 0;
       }
       ```
   
 * You can of course adjust the padding as needed.
 * Regarding he length of the column, this is only determined by what content is
   published there, ie: widgets.
 *  Thread Starter [TeqToo](https://wordpress.org/support/users/teqtoo/)
 * (@teqtoo)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623644)
 * Thanks…I’ve taken out the animation for their review. I suspected that there 
   wouldn’t be any way to compact that menu any further, and I told the client the
   reason “other” sidebar menus they’ve seen are more compact is that they are not
   mobile-friendly.
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623654)
 * There is always the option of a toggle or accordion menu plugin (widget) that
   can be used.
 *  Thread Starter [TeqToo](https://wordpress.org/support/users/teqtoo/)
 * (@teqtoo)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623658)
 * I could do the research on that, but frankly, I’m not being paid enough. [:-D
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623664)
 * So the question is….do we set this as resolved or…?
 * As for not being paid enough, if only I could charge $1 for each free theme download
   I get, I’d be able to afford my Starbucks addiction 🙂
 *  Thread Starter [TeqToo](https://wordpress.org/support/users/teqtoo/)
 * (@teqtoo)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623690)
 * It’s resolved enough for me. We just won’t tell the client there’s something 
   else I _could_ explore.
 * I hear ya…and one of these times I’ll be springing for a premium theme for one
   of these clients!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Compacting right sidebar menu?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/longevity/1.5.2/screenshot.png)
 * Longevity
 * [Support Threads](https://wordpress.org/support/theme/longevity/)
 * [Active Topics](https://wordpress.org/support/theme/longevity/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/longevity/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/longevity/reviews/)

 * 10 replies
 * 2 participants
 * Last reply from: [TeqToo](https://wordpress.org/support/users/teqtoo/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/compacting-right-sidebar-menu/#post-6623690)
 * Status: resolved