[Resolved] Off Canvas Width

Home Forums Support [Resolved] Off Canvas Width

Home Forums Support Off Canvas Width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1633436
    Michael

    I’m in the process of populating the off canvas panel with a couple of menus, etc. and testing with some Flex.
    How can I increase the width of the panel that slides out?

    Thanks much,

    Mike

    #1633444
    Elvin
    Staff
    Customer Support

    Hi,

    To increase the panel width, you can add this CSS:

    nav#generate-slideout-menu.main-navigation.offside {
        width: 321px;
    }

    But increasing the width means it may overlap with the close button so we must move the close button as well.

    To do that, add this CSS:

    .offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
        left: 321px;
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1634715
    Michael

    Thanks Elvin,

    That helped with the width but now the menu does not fully retract back. Under layout my off-canvas settings are listed below.

    Style: Slide
    Side: Right
    Close Button: Inside
    Menu Item Height: blank

    I pulled out all of my custom CSS to make sure its not choking on anything I’ve added but still see the same result.

    #1634998
    Elvin
    Staff
    Customer Support

    You can try Leo’s CSS here:
    https://generatepress.com/forums/topic/off-canvas-panel-width/#post-1043740

    Simply change the values to your preference. ๐Ÿ™‚

    A wise man once said:
    "Have you cleared your cache?"

    #1635927
    Michael

    Thanks Elvin. Works great! Much appreciated.

    #1636217
    Elvin
    Staff
    Customer Support

    Nice one. No problem. ๐Ÿ˜€

    A wise man once said:
    "Have you cleared your cache?"

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