• 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 hamburger for portfolio category

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 hamburger for portfolio category

This topic is: resolved
  • This topic has 7 replies, 5 voices, and was last updated 11 years ago by sabrinao.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 12, 2014 at 1:31 pm #90020
    design_agency
    Member

    hi,

    i'm trying to get one of those hamburger icons to appear when resizing my site. my navigation is made up by portfolio categories, not menu items and im curious to know if any one out there can give me a clue as how to go about it.

    site is here

    thanks so much, emily

    April 14, 2014 at 9:18 am #100192
    Susan
    Moderator

    As you posted this a while back, I hope you were able to get your issue resolved. If not, please check back in here, and I will escalate for you.

    If it is resolved, please mark the thread “resolved”, and I will close it.

    Thanks!

    April 22, 2014 at 2:36 pm #101932
    design_agency
    Member

    hi susan, this one has not been resolved. i'd love to know how to turn a regular menu into a responsive (hamburger) menu.

    thanks! emily

    April 22, 2014 at 3:03 pm #101938
    cdils
    Participant

    Here's a great tutorial for adding a responsive menu into Genesis > http://wpbacon.com/tutorials/genesis-responsive-menu-2-0/

    Cheers,
    Carrie


    Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂

    I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

    April 22, 2014 at 3:04 pm #101939
    Ozzy
    Member

    would this work? http://wpbacon.com/tutorials/genesis-responsive-menu-2-0/


    Ozzy Rodriguez | Twitter | Google+

    April 22, 2014 at 3:10 pm #101940
    design_agency
    Member

    whoa! that's a jinx of some sort or another.

    thanks cdils and ozzy, this tutorial is *exactly* what i need.

    cheers!
    emily

    April 22, 2014 at 3:13 pm #101941
    Susan
    Moderator

    Emily - I had to laugh when I put out the call on Twitter and both Carrie and Ozzy jumped in with exactly the same link!

    April 22, 2014 at 7:01 pm #101981
    sabrinao
    Member

    Hi Ozzy...

    wow small world... lol

    I was just on your site a earlier this afternoon and posted a comment in that section. I just wanted to know how would I put the "hamburger" to the far right corner of the menu like you have in wpbacon.com. I did a search through the comments and I saw another guy ask the same question and you said it would take some tweaking in the .css. I just dont know exactly where to look so if you could point me in the right direction id appreciate it! Thanks for your tutorials!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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

© 2025 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