Page 1 of 1

How To Assign A Header To Responsive Nav Menu?

Posted: 09 May 2018, 20:14
by shurimano

My site is setup to use fluid widths and breakpoints. Although, the breakpoints don't appear to be working at their specified pixels.

However, when the navigation menu (below header) is converted from a list to a dropdown selection, it automatically selects the last option by default. I'd much rather have it say "Navigation".

Is there a way I can do this? I attempted to modify suffusion.js, by changing the header to true, but that didn't seem to have any effect.

Re: How To Assign A Header To Responsive Nav Menu?

Posted: 11 May 2018, 15:50
by drake
Can use my plugin - Suffusion Collapse Menu - look at downloads section in sidebar.

Will replace the list with a collapsible menu with the "sandwich" icon as header. The color of icon can be changed from Customizer -> Colors.
If you don't like the sandwich icon at all, can add at Suffusion Options -> Backend -> Custom Includes -> Custom Styles:

Code: Select all

.nav-toggle::before {content:"Menu";}
(or any word you want)

(I removed the plugin from repository because was nervous when they removed the theme, but the plugin don't have security or compatibility problems)