[Resolved] How to increase width of off canvas menu?

Home Forums Support [Resolved] How to increase width of off canvas menu?

Home Forums Support How to increase width of off canvas menu?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2060480
    a1reno

    Hi,

    I have set up my desktop inner width navigation so that it is how i want it, but when i change to mobile view the off-canvas menu (inner navigation width) seems to be very narrow inside. Is there a way to set this to full and keep the desktop nav the same?

    thanks

    #2060842
    a1reno

    I’ve managed to solve it somehow but now i have a different problem in that i cannot change my logo size in the header on desktop. I move the slider but it’s not moving to be bigger or smaller. How do i make this smaller? I’ve added a screenshot.

    thanks.

    #2060892
    David
    Staff
    Customer Support

    Hi there,

    you will have to use some CSS as the webP optimization your site is running is changing the HTML.
    try this:

    .site-logo img {
        width: 120px;
    }
    #2076203
    a1reno

    Hi,

    Since making some changes (setting my navigation as the header) I am now running back into the problem I had in the beginning that I laid out in my first post.

    I’ve attached an image outlining the problem I have. Is there a way to make the off-canvas menu on mobile wider?

    Thanks in advance.

    #2076524
    a1reno

    this also happens in tablet mode.

    #2076555
    David
    Staff
    Customer Support

    Add this CSS to remove that extra padding:

    #generate-slideout-menu .inside-navigation {
        padding: 0
    }
    #2076561
    a1reno

    worked perfectly!

    Thank you.

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