Megamenu Hamburger Folium Template
Paul Trouw
Hi team,
I am using the latest version, 2.0, of Folium. The hamburger menu is working great when you use a mouse. But with a finger it somehow not always responding. I made changed the css to make the + sign bigger but didn't make any difference. .offcanvas-menu .menu-parent>.nav-header>.menu-toggler {font-size: 1.6em; }
It seems when I hold down the finger a little longer on the + sign it is responding better. The child menu's are a part of a mega menu with 3 headings and some childs. Perhaps this has an influence!
Do you have any idea to improve this?
Atick Eashrak Shuvo
Accepted AnswerHello Paul Trouw,
Please follow the documentation https://www.joomshaper.com/documentation/helix-framework/menu-navigation
Paul Trouw
Accepted AnswerThank you. A very comprehensive page, but I already read it. This is not addressing the problem I have. The problem is + of > sign to toggle child items is not always responding!
This forum post is mentioning the same behaviour: https://www.joomshaper.com/forum/question/7232
Paul Trouw
Accepted AnswerI followed css improvement of earlier post: .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span { position: relative; display: block; padding: 12px 20px 10px 25px !important; cursor: pointer; text-align: left; color: #71767b; color: #224B5B !important; border-bottom: 5px solid #f3f7fd; font-size: 20px; font-weight: 900; line-height: 30px; text-transform: capitalize; }
This seems to work.