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:

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.