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

WP SITES

2966

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Subscriptions
  • 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

Your email address will not be published. Required fields are marked *

Primary Sidebar

Code written by Brad Dalton specialist for Genesis & WooCommerce.

Advertise · WPEngine · Genesis · Log in

  • Account
  • Consulting
  • Post Tags
  • Contact
  • Terms
  • Monthly Membership
  • Yearly Subscriptions
  • Log in
 

Loading Comments...