Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Creating menu icon for smaller devices

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not resolved

Tagged: css

This topic has 1 reply, 2 voices, and was last updated 12 years, 5 months ago by nutsandbolts.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
January 7, 2014 at 8:27 am #83792

Boca.des
Member

Hi,

I am using the Agency Pro theme - and would like the top navigation menu to shrink to an icon rather than all visible on a small device. A good example is http://www.travismills.org/ that Carrie Dils created.

Any help would be great thanks

Ryan
http://www.kidday.co.uk

January 7, 2014 at 7:31 pm #83932

nutsandbolts
Member

There are several tutorials on how to do this - here are a few:

http://bradpotter.com/responsive-mobile-navigation-menu-for-the-genesis-theme-framework/

How to make Header menu in Genesis mobile responsive similar to that in Beautiful Pro

Mobile Responsive Hamburger Menu For Genesis

http://youneedfat.com/genesis-responsive-design-menu/
http://daan.kortenba.ch/proposing-a-responsive-hamburger-style-mobile-menu-for-genesis/

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.