• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

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

Responsive Menu Icon

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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Responsive Menu Icon

This topic is: not resolved

Tagged: Agency, header, iPhone, Logo, responsive, smartphone

  • This topic has 3 replies, 3 voices, and was last updated 13 years ago by barbaradavis.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 26, 2013 at 8:23 pm #37989
    meppy
    Participant

    I am trying to get my Agency themed website to collapse the main menu into the standard 3 bar icon for smaller screen sizes.  I have tried following this site:

    http://www.wpsyntax.com/wordpress/collapsible-responsive-menu-for-genesis

    I could get the main menu to hide and show as it should, but not the responsive menu icon.  Are there any instructions for doing this in Agency, or perhaps someone can take a look at the instructions above and point out what needs to change to make it work with the default Agency theme CSS and settings.

    I have managed to get an ugly bootstrap based responsive menu showing, but I am after the little 3 bar menu.

    I also want to replace the search with the little magnifying glass, and the phone number with the telephone icon, but these are less important.

    PS: why did you stop using vBulletin?  This forum is no where near as easy to use, search and navigate as the old one!

    April 26, 2013 at 10:46 pm #38005
    Ozzy
    Member

    can we get a link to your site?


    Ozzy Rodriguez | Twitter | Google+

    April 26, 2013 at 11:23 pm #38011
    meppy
    Participant

    The main site is http://www.meppyit.com.au

    I will add the CSS and JS back to it that I was trying to get to work.

    May 13, 2013 at 2:25 pm #40713
    barbaradavis
    Member

    Hello Meppy,

    I am having the same problem with the logo in the header of my Agency child theme. It does not reduce in size to fit smartphone screens. I notice this thread kind of fizzled out! Hope this will revive it because my customer wants their logo to shrink to fit iPhones. http://www.introspecttechnologies.com

    However, my menu seems to be responding well to resizing, but I notice yours is NOT (at http://www.meppyit.com.au). The difference may be that the menu I'm using is placed in the "Header Right" area under Widgets, plus I changed the CSS a bit to move it over to fit. Maybe this info will help with your menu.

    But I hope other folks have some wisdom on getting a logo in the Agency header to be more responsive to resize for iPhones! Thanks!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble