[Resolved] Width Slideout Menu

Home Forums Support [Resolved] Width Slideout Menu

Home Forums Support Width Slideout Menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #586738
    Martin U

    Hi Tom and Team

    I would like to change the width of the Slideout Menu.

    Right now it is 263 px I would like to have it at 365px

    The cross for closing should still be at the left border, when the slideout is open

    Thank you so much

    best Martin

    GeneratePress 2.1.2
    GP Premium 1.6.2
    #586968
    David
    Staff
    Customer Support

    Hi Martin, try this:

    Right Hand Opening

    @media (min-width: 420px) {
        .offside {
        	width: 365px;
        	right: -365px;
        }
        .offside--right.is-open, .offside-js--is-right .offside-sliding-element {
            -webkit-transform: translate3d(-365px,0,0);
            -moz-transform: translate3d(-365px,0,0);
            -ms-transform: translate3d(-365px,0,0);
            -o-transform: translate3d(-365px,0,0);
            transform: translate3d(-365px,0,0);
        }
        .offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit {
            right: 365px;
        }
    }

    Left hand Opening

    @media (min-width: 420px) {
        .offside {
        	width: 365px;
        	left: -365px;
        }
        .offside--left.is-open, .offside-js--is-left .offside-sliding-element {
            -webkit-transform: translate3d(365px,0,0);
            -moz-transform: translate3d(365px,0,0);
            -ms-transform: translate3d(365px,0,0);
            -o-transform: translate3d(365px,0,0);
            transform: translate3d(365px,0,0);
        }
        .offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
            left: 365px;
        }
    }
    #587192
    Martin U

    unfortunately this does not work, the menu text does not appear

    #587351
    David
    Staff
    Customer Support

    Hi Martin,

    my bad, i sent you the code for a left hand opening slide out. I have edited the code above to provide a right hand variant as well. Let me know

    #587633
    Martin U

    Hi David

    Thank you so much, this worked splendidly.

    feature request:
    I think it would be lovely to see the width of the slideout menu as as a parameter in the customizer.

    #587719
    David
    Staff
    Customer Support

    You’re welcome Martin.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.