Coolest Guides on the Planet

coolest guides on the planet

Coolest Guides On The Planet

  • Home
  • macOS
  • WebDev
  • All Posts
  • Contact

Moving the Genesis Menu into the top right Header

February 4, 2014 Leave a Comment

genesis-menu-header

You can move the default Genesis primary menu into the header of your page quite easily by adding it via a header widget as a custom menu.

By default the primary menu displays as a full width menu after the header

genesis-menu-default-primary

Default Primary Menu

To change this and move it into the header, go to Appearance > Menus in WordPress dashboard select your main menu and ensure the Primary or Secondary locations are not ticked.

genesis-menu-default-locations

Adding in Custom Menu

Go to Appearance >Widgets and drag a Custom Menu widget into Header Right and the select your menu from the drop down and save.

genesis-custom-menu-widget

Custom Menu as Widget

 

genesis-menu-in-header

New Menu in place

 

Add in some CSS styling using the .genesis-nav-menu  class

genesis-menu-in-header-css

 

Final site here.

Cats: CSS, WordPress Tags: unstoppables

Tags

3gs 10.6 apache backup baseband boot clean urls cpanel css curl custom database drupal el capitan git Google image instadmg ios iphone jailbreak keys lion mac macos mojave macos sierra menu mysql OSX panda php phpmyadmin private public redirect redsn0w remote rsa SEO shell ssh terminal unstoppables upgrade urls

Donate a Beer to the Coolest Guides

Get Beaver Builder Now!

Copyright © 2023· Neil Gee - All Rights Reserved - Hosted by Runcloud

Copyright © 2023 · gee on Genesis Framework · WordPress · Log in