[Resolved] Slide out menu width

Home Forums Support [Resolved] Slide out menu width

Home Forums Support Slide out menu width

  • This topic has 7 replies, 3 voices, and was last updated 1 year ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1459086
    Escobar

    I have changed my secondary menu to slide out on the desktop version but it seems to look a bit cramped. How can I make it a little wider on desktop version?

    My site is: https://www.mivestuariolaboral.com

    #1459104
    Leo
    Staff
    Customer Support
    #1459142
    Escobar

    I have put it.
    I had already tried it but the mobile version changes and it’s too wide, and the X of the closure is not seen.
    Take a look please

    #1459328
    Leo
    Staff
    Customer Support

    Let’s make the code desktop only first:

    @media (min-width: 769px) {
        body .offside--left.is-open, body .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, body .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;
        }
    }
    #1459523
    Escobar

    Perfect!!!
    Could we just make the font size for the mobile version a little smaller?

    #1459813
    David
    Staff
    Customer Support

    Hi there,

    you can change the Mobile font size in Customizer > Layout > Typography – just select the mobile icon to change that

    #1460043
    Escobar

    It Works like a charm!
    Thanks.

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