Right now our main menu shows only 2 bars in its icon, could explain to me how to show a 3 bars one | or simply is it dynamic and will show 3 if navigation is deeper?
Removing these lines will really show a 3 bars menu ? What in case of update of the site/theme? will we have to go, look and trim these lines every time?
Yes, removing these lines will show the 3 bars hamburger menu, if you don't know how you can share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
Regarding the update question, do not worry about it since you are using a child theme and child themes are not affected by updates.
Hi again,
Right now our main menu shows only 2 bars in its icon, could explain to me how to show a 3 bars one | or simply is it dynamic and will show 3 if navigation is deeper?
Thanx in advance
Marie
Hi Marie,
Go to Appearance > Theme Editor and edit the style.css file, find these rows and remove them, scroll down to line 116:
/* Menu: Hamburger Menu Color */ .toggle-bars.menu-skin-light .toggle-bars__bar-line, .toggle-bars.menu-skin-light .toggle-bars__bar-line { background-color: #000; } /* Menu: Hamburger Menu Width */ .toggle-bars .toggle-bars__bar-line , .toggle-bars .toggle-bars__bar-line { width: 30px; height: 1px; -webkit-transition: all ease .15s; transition: all ease .15s; } /* Menu: Hamburger menu top line */ .toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--top { top: 3px; } /* Menu: Hamburger menu bottom line */ .toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--bottom { top: 16px; } /* Menu: Hamburger menu top line on hover */ .toggle-bars:hover .toggle-bars__bar-line.toggle-bars__bar-line--bottom { top: 18px; } /* Menu: Hamburger menu bottom line on hover */ .toggle-bars:hover .toggle-bars__bar-line.toggle-bars__bar-line--top { top: 1px; } /* Menu: Hamburger menu remove middle line */ .toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--middle { height: 0px; } /* Menu: Hamburger menu bottom line on exit */ .toggle-bars.exit .toggle-bars__bar-line.toggle-bars__bar-line--top { top: 8px; } /* Menu: Hamburger menu top line on exit */ .toggle-bars.exit .toggle-bars__bar-line.toggle-bars__bar-line--bottom { top: 8px; } /* Menu: Hamburger menu top line on exit */ .main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part+.left-part, .main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part, .main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .left-part { width: 100%; }Best regards,
Laborator Team
Hi ART and thank you for your quick reply,
Removing these lines will really show a 3 bars menu ? What in case of update of the site/theme? will we have to go, look and trim these lines every time?
Hi Marie,
Yes, removing these lines will show the 3 bars hamburger menu, if you don't know how you can share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
Regarding the update question, do not worry about it since you are using a child theme and child themes are not affected by updates.
Best regards,
Laborator Team
Again much thanx for answering so quickly :)
Super ! for the update news !
Otherwise in CSS also worked to turn height : 0px --> 1px in line 153 of item
__bar-line--middle {
height: 0px;
}
that (also) did the trick :)
Merci encore et à bientôt !
marie
Happy to hear that Marie, if you have further issues feel free to ask!
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on ThemeForest from your Downloads tab.
A huge thank you from Laborator in advance!
Best regards,
Laborator Team