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.

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

And this:

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: