[Resolved] Adjusting Slideout Menu

Home Forums Support [Resolved] Adjusting Slideout Menu

Home Forums Support Adjusting Slideout Menu

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #529037
    Martin U

    Hi Tom, hi guys,

    with 1.6. update came some changes to the slideout menu. I would appreciate your help in adjusting the layout

    Slideout open
    a) I would like to have the cross icon to close the menu to be right aligned (right now it is centered on desktop)
    b) I would like to change the color of the cross icon.
    c) there is now a black-semi transparent overlay over the whole screen, when the slideout is open. I would like to change that color to white-semi transparent.

    GeneratePress 2.0.2
    GP Premium 1.6
    #529343
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    This should do it:

    .offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
        right: 0;
        left: auto;
        color: #000;
    }
    
    .slideout-overlay {
        background-color: rgba(255,255,255,0.7);
    }

    Let me know 🙂

    #529433
    Martin U

    Thanks worked liked a charme, thanks Tom

    2 Layout suggestions

    a) I would have preferred the Hamburger Menu to transferm into a cross when open (slide out)

    b) The additional cross rather at the end of the menu

    #529766
    Tom
    Lead Developer
    Lead Developer

    Not sure I understand what you mean by b), can you explain a bit more?

    Thanks!

    #671152
    Juan Miguel

    Hello! How can I put the cross icon above the slideout panel? I’m using z-index but I can’t make it work.. thanks!

    #671235
    David
    Staff
    Customer Support

    Hi there,

    can you raise a new topic please, in you’re opening Topic you can use the Site URL to share your site privately.

    #671240
    Juan Miguel

    Thanks David, I’ve already do it.

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