[Resolved] Adjusting Slideout Menu

[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.

[Tom]

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 🙂

[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

[Tom]

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

Thanks!

[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!

[David]

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.

[Juan Miguel]

Thanks David, I’ve already do it.

[Author]

Posts