Comments pongo started the conversationMarch 14, 2022 at 10:30pmhello, i tried to change the size of the burger menuthe current standard size is 44x32px i want to scale this to 64x40px to make it look a little bettercan you post which css file i need to search/modify or even better the specific css code?thanks & greetings 1,877Judith repliedMarch 15, 2022 at 3:23amHi Pongo,Thanks for keeping in touch.Please try this css: #top nav>ul .slide-out-widget-area-toggle { transform: scale(1.7);}Thanks.pongo repliedMarch 15, 2022 at 1:01pmI had already tried this solution,but it also scales the menu text which I don't want,in addition, the lines become too large, I think the best solution will be to completely change the burger menu, I just need the source code for that. I found the following parts, I just need to find the rest of the CSS to change the burger and cross animation#header-outer .slide-out-widget-area-toggle .lines-button,#header-outer .slide-out-widget-area-toggle .lines,#header-outer .slide-out-widget-area-toggle .lines:before,#header-outer .slide-out-widget-area-toggle .lines:after { width: 60px;} #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after { top: -8px;} body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before { top: 8px;}#top .slide-out-widget-area-toggle a span { overflow: hidden; width: 64px;}.slide-out-widget-area-toggle a>span { transition: transform .33s .3s ease-in; transform-origin: center; display: block; height: 32px;} 279Noah repliedMarch 15, 2022 at 1:37pmHello,Please share your admin credentials so that we can have a look at the issue.Thanks. Sign in to reply ...
hello,
i tried to change the size of the burger menu
the current standard size is 44x32px i want to scale this to 64x40px to make it look a little better
can you post which css file i need to search/modify or even better the specific css code?
thanks & greetings
Hi Pongo,
Thanks for keeping in touch.
Please try this css:
Thanks.
I had already tried this solution,
but it also scales the menu text which I don't want,
in addition, the lines become too large,
I think the best solution will be to completely change the burger menu, I just need the source code for that.
I found the following parts, I just need to find the rest of the CSS to change the burger and cross animation
#header-outer .slide-out-widget-area-toggle .lines-button,
#header-outer .slide-out-widget-area-toggle .lines,
#header-outer .slide-out-widget-area-toggle .lines:before,
#header-outer .slide-out-widget-area-toggle .lines:after {
width: 60px;
}
#header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after {
top: -8px;
}
body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
top: 8px;
}
#top .slide-out-widget-area-toggle a span {
overflow: hidden;
width: 64px;
}
.slide-out-widget-area-toggle a>span {
transition: transform .33s .3s ease-in;
transform-origin: center;
display: block;
height: 32px;
}
Hello,
Please share your admin credentials so that we can have a look at the issue.
Thanks.