• 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

Mobile Menu

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 › Mobile Menu

This topic is: not resolved

Tagged: hamburger, mobile menu, parallax-pro

  • This topic has 8 replies, 5 voices, and was last updated 11 years, 1 month ago by susanta.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 19, 2014 at 4:50 pm #101323
    [email protected]
    Member

    Hi how can i make hamburger menu for mobile like studiopress.com

    Thanks

    April 19, 2014 at 6:58 pm #101336
    Susan
    Moderator

    Try the Genesis Club Lite plugin, (or read this tutorial)

    September 8, 2014 at 5:00 am #123333
    phpbits
    Member

    If you are still looking for a plugin. Feel free to check this one

    September 8, 2014 at 6:09 am #123339
    phpbits
    Member

    http://codecanyon.net/item/gilidpanel-wordpress-sliding-panel-sidebar/5753924

    January 31, 2015 at 2:20 am #139115
    susanta
    Participant

    Hi Susan,

    Can you please help me with this?

    I would like to hamburger menu on my site (http://topleaguetech.com/) to appear beside the site-title (no the right hand side to be precise). Currently, it's appearing on it's default position i.e, below the site-title.

    I have been searching for this solution but haven't yet seen any tutorial addressing this exact need of mine. Please, let me know if there are any changes to be done in the functions.php, mobilemenu.js file or css file of my theme (parallax pro).

    Thanks in advance!

    January 31, 2015 at 6:35 am #139142
    Carlo
    Member

    Hi Susanta. Find this code in your theme stylesheet:

    	.content,
    	.sidebar,
    	.site-header .widget-area,
    	.title-area {
    		width: 100%;
    	}

    Replace it with this:

    	.content,
    	.sidebar {
    		width: 100%;
    	}
    
    	.site-header .widget-area,
    	.title-area {
    		width: auto;
    	}

    Comprehensive, easy to follow Genesis documentation

    January 31, 2015 at 7:15 pm #139221
    susanta
    Participant

    Hi Carlo,

    Thanks for your help, but I'm afraid it doesn't seem to work the way I wish. The hamburger is not properly aligned when i replace the code as suggested. Plus, it's jumping upon click.

    What I'm basically looking to achieve is something like this: http://responsive.nutsandboltsmedia.com/?url=bourncreative.com

    Thoughts?

    February 1, 2015 at 6:16 am #139241
    Carlo
    Member

    Hi Susanta. It looks OK to me. Did you solve it yourself?


    Comprehensive, easy to follow Genesis documentation

    February 1, 2015 at 7:34 am #139253
    susanta
    Participant

    I actually ended up using a plugin instead. Thanks for your help though.

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