• 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

Infinity Pro Title & Menu Inline When Responsive

This solution enables you to change the default Infinity Pro header elements so they more like the Monomchrome Pro & Academay Pro themes header on smaller screens like this :

Basically, the CSS changes do the following when responsive :

  1. Float the title area to the left
  2. Float the header menu to the right
  3. Remove the “Menu” text from before the menu toggle icon ( Hamburger menu )

Here’s the demo video showing the changes :

Demo Video

Shows the site title floating left and the header menu floating right and the “Menu” text removed on mobile responsive screens.

Register or login to access the modification instructions :

Register for full access

Related Tutorials

  • Infinity Pro Header Image & Nav Menu Inline When Responsive

Infinity 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.