centric pro navigation modify for phones

[patio812]

Is there a way to modify navigation you get when you click the hamburger so that the buttons are vertical (situated on top of each other) versus horizontal (situated next to each other)? On portrait view for phone, the Home button wraps to a second line and makes selecting service drop downs kinda confusing.

http://681.3b0.myftpupload.com

[ᴅᴀᴠɪᴅ]

You just need to change the menu items from being 'inline-block', to 'block' for smaller screens.

So inside the CSS, inside the correct media query that you want to target, add

.genesis-nav-menu .menu-item {
     display: block;
}

You could also change the text-align to center so the items appear directly underneath the buttons.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[patio812]

worked like a charm! thanks!

[Author]

Posts