Archived topic
Adjusting Slideout Menu
6 replies · Started by Martin U on March 24, 2018
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.
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 :)
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
Not sure I understand what you mean by b), can you explain a bit more?
Thanks!
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!
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.
Thanks David, I've already do it.
