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

WP SITES

2899

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Left Logo Menu Right On Desktops & Mobiles In Essence Pro

This solution extends this tutorial which positions the title area with the custom logo to the left and nav menu to the right on all screen widths.

Essence Pro - Mobiles - Logo Left Menu Right
Mobiles – Logo Left Menu Right
Essence Pro - Desktops - Logo Left Menu Right
Desktops – Logo Left Menu Right

Demo

Shows the custom logo positioned to the left and menu to the right on both desktops and mobiles devices at any screen width.

Installation

There’s 2 steps :

Step 1 – Paste the PHP code to the end of your Essence Pro themes functions file.

Step 2 – Paste the CSS to the end of your Essence Pro themes style.css file.

After you paste the CSS rules to the end of your Essence Pro child themes style sheet, remember to clear caching.

Download Folder

CSS Grid Columns Custom Logo Essence Pro Theme Nav Menu

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.

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Contact
  • Terms
  • Genesis WP Tags
  • WooCommerce
 

Loading Comments...
 

You must be logged in to post a comment.