Two-line Menu items disappear if window is too narrow
Hi, I created menu titles that have two lines of text by entering the following as a Navigation Label:
<span style="text-align:center;line-height:16pt;"><b>Was</b><br>ich tue</span>
It looks great, if the screen/window is wide enough to accomodate all menu items in one row.
However, if the window is reduced in size (or rather width) or if you even go mobile / tablet, the menu vanishes completely. Not even the three lines ("collapsed menu") are visible.
Please advise (frey-coaching.com)
<span style="text-align:center;line-height:16pt;"><b>Was</b><br>ich tue</span>
It looks great, if the screen/window is wide enough to accomodate all menu items in one row.
However, if the window is reduced in size (or rather width) or if you even go mobile / tablet, the menu vanishes completely. Not even the three lines ("collapsed menu") are visible.
Please advise (frey-coaching.com)
Comments
responsive menu is the same color as the background and that's why does not appear. What you need to do then is change responsive menu icon color with the following css:
#Header a.responsive-menu-toggle { color: #FFF !important; }