• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Foodie Pro Responsive Header Right Nav Menu Modification

This tutorial for Foodie Pro theme owners shows you how to make the header right nav menu display at the very bottom of the site header without any margin or padding and without adding space below the header image like this.

foodie-pro-header

Includes CSS for Media Queries so all nav menus and logo align center on smaller screens like this:

css-media-queries

And this:

hand-held-devices

Note: The menu in the site header is added using a custom menu in the header right widget area.

Demo Video

Here’s the demo Video

Here’s the CSS and modification instructions for members:

Register for full access

Foodie Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.