How to hide the Main Navigation Menu in Suffusion Theme

Gary Eckstein WordPress 2 , , , , ,

I have written a number of posts relating to the awesome Suffusion Theme for WordPress. Suffusion is an enormously powerful and reliable Theme and Sayontan has spent thousands of hours developing this Theme. I have used Suffusion in many Websites and have got to know its capabilities quite well; I however keep learning new things about this Theme.

Today, for example, I was setting up a Site that used the Top Navigation Menu and I needed to hide the Main Navigation Menu. Unfortunately there are two steps required in making the Main Navigation Menu disappear!

Instructions to Hide the Main Navigation Menu

Hiding this menu area actually consists of three overall steps. The tutorial therefore consists of three parts:

1. Hide Search Widget

Where most people go wrong in hiding this menu area is that they ‘forget’ that the Main Navigation Menu contains widget areas (“Right Header Widgets” and “Left Header Widgets”). By default the “Right Header Widgets” area contains a search widget therefore we need to ‘disable’ the search widget:

  1. Go to Appearance -> Suffusion Options -> Sidebar Configuration -> Right Header Widgets
  2. Change the option to Hide the search (You can add a widget for the Search, if you wish)
  3. Save the Page.

2. Make Navigation Transparent

This step removes a thin horizontal line that may appear directly underneath the header once you’ve completed item three below:

  1. Go to Appearance -> Suffusion Options -> Theme Skinning -> Main Navigation Menu
  2. Change the first option from “Theme styles (default)” to “Custom Styles”
  3. Change the various background colors to “Transparent / No color”
  4. Save the Page.

3. Hide the Main Navigation Menu

This final set of steps is what many people do without performing the first two sets of steps (and therefore the Main Navigation Menu isn’t hidden):

  1. Go to Appearance -> Suffusion Options -> Other Graphical Elements -> Main Navigation Bar
  2. Change the option under “Show / Hide Main Navigation Bar” to “Hidden”
  3. Save the Page.

Your Main Navigation Menu/Bar shouls no longer be visible!