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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems