[Support request] Off canvas panel width

Home Forums Support Off canvas panel width

  • This topic has 5 replies, 2 voices, and was last updated 11 months ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1043708
    Brian

    Hello!

    I’m trying to modify the width of the off-canvas panel for my menu with no success.

    Trying to set to 310px.

    I tried the suggestion here but it isn’t working properly for me.

    https://generatepress.com/forums/topic/off-canvas-width/

    I’m using GP child theme.

    Please let me know what I’m doing wrong 🙂

    #1043720
    Leo
    Staff
    Customer Support

    Hi there,

    Not seeing the CSS being added.

    How are you adding it?

    Let me know 🙂

    #1043724
    Brian

    Hey Leo! Sorry, I removed it because I couldn’t get it to work.

    Just added back in.

    #1043740
    Leo
    Staff
    Customer Support

    Looks like they are getting overwritten.

    Try this:

    body .offside--left.is-open, .offside-js--is-left .offside-sliding-element {
        -webkit-transform: translate3d(400px,0,0);
        -moz-transform: translate3d(400px,0,0);
        -ms-transform: translate3d(400px,0,0);
        -o-transform: translate3d(400px,0,0);
        transform: translate3d(400px,0,0);
    }
    body .offside--right.is-open, .offside-js--is-right .offside-sliding-element {
        -webkit-transform: translate3d(-400px,0,0);
        -moz-transform: translate3d(-400px,0,0);
        -ms-transform: translate3d(-400px,0,0);
        -o-transform: translate3d(-400px,0,0);
        transform: translate3d(-400px,0,0);
    }
    
    body .main-navigation.offside {
        width: 400px;
    }
    body .offside--left {
        left: -400px;
    }   
    body .offside--right {
        right: -400px;
    }
    body.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
        left: 395px;
    }
    #1043859
    Brian

    Hey Leo, this is partially working! The only thing that isn’t working is the slideout exit button.

    body .offside-js–is-left.slide-opened .slideout-overlay button.slideout-exit {
    left: 305px !important;
    }

    Any ideas?

    #1043904
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.