• Resolved TeqToo

    (@teqtoo)


    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

    (@teqtoo)

    Sorry, forgot link: http://nysbs.org/newsite/

    Theme Author Shaped Pixels

    (@shaped-pixels)

    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

    (@teqtoo)

    I mean the length of the column. Width is fine.

    Thread Starter TeqToo

    (@teqtoo)

    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

    (@shaped-pixels)

    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

    (@teqtoo)

    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

    (@shaped-pixels)

    There is always the option of a toggle or accordion menu plugin (widget) that can be used.

    Thread Starter TeqToo

    (@teqtoo)

    I could do the research on that, but frankly, I’m not being paid enough. [:-D

    Theme Author Shaped Pixels

    (@shaped-pixels)

    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

    (@teqtoo)

    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.