Available Space For Menu Gets Smaller When Enabling Offcanvas
H
Hugo
Hi there,
I've used the finion-template for the website of my church. However, the menu does something funny: without the offcanvas-option enabled, it works fine. Like this:
As you can see, the whole menu nicely fits on one line.
But if I enable offcanvas+megamenu (gotta think of those mobile users), the last option unexplicably moves to the 2nd line:
What can I do to prevent this?
Joomla 4.4.3 Helix 2.0.19 Finion 2.0.1
Website
https://www.stjansgeboorte.nl
3 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerPlease use this custom CSS it should help
#sp-menu > div .sp-megamenu-wrapper {width: 100%;}
#offcanvas-toggler > .fa {color: black;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 12px;}Paul Frankowski
Accepted AnswerHoi Hugo,
It's becuse [=] take extra space, and whole menu row is divided into two rows, simple math.