How do I get rid of Sketch theme's hamburger menu

• 

  omid605 · Member · Feb 13, 2015 at 6:38 am

  • Copy link
  • Add topic to favorites

  I just started using the Sketch theme, and I am quite happy with almost everything about this theme, except I can’t get rid of the hamburger menu!

  I need to have a couple of menu items, outside of the hamburger. How do I do that? Do I have to tinker with the CSS or there is a php template for that?

  The blog I need help with is: (visible only to logged in users)

• 

  kokkieh · Staff · Feb 13, 2015 at 9:52 am

  • Copy link

  I must say, I’ve never heard to the menu icon referred as a “hamburger” before.

  We don’t have FTP access on WordPress.com, so a php template won’t help you. http://en.support.wordpress.com/ftp-access/

  The only way to make this change, if possible, is via CSS and you’ll need the Custom Design upgrade to do that.

  You can post your question in the CSS customisation forum for info on what code will be needed to make this change: https://en.forums.wordpress.com/forum/css-customization#postform

  See here for more info on the custom design upgrade:
  http://en.support.wordpress.com/custom-design/#frequently-asked-questions
  http://en.support.wordpress.com/custom-design/
  http://en.support.wordpress.com/custom-design/editing-css/

• 

  staff-happychia · Staff · Feb 13, 2015 at 9:56 am

  • Copy link

  @omid605

  Could you enable the Sketch theme on your blog so I can check it?

  The hamburger menu should ideally appear only on smaller screens but it seems Skecth theme some times oddly displays the hamburger on the wider desktop screens as well, although this is not definitive.

• 

  kokkieh · Staff · Feb 13, 2015 at 10:03 am

  • Copy link

  staff-happychia
  Your answer made me curious so I checked on my private test blog. The menu gets hidden if I resize my browser window to around 1265 pixels wide, which is still quite wide.

• 

  staff-happychia · Staff · Feb 13, 2015 at 10:16 am

  • Copy link

  @kokkieh

  There’s this rule which tells the theme to display the wide menu only if the screen width is greater than or equal to 1281 px.

  @media screen and ( min-width: 1281px ) {
    .menu-toggle {
      display: none;
    }
  ...
  }

  So ideally hamburger should not appear at sub- 1280 px screens.

• 

  kokkieh · Staff · Feb 13, 2015 at 10:22 am

  • Copy link

  So, probably the OP has a screen smaller than 1281px, which is why they don’t see the wide menu?

  BTW is “hamburger” the actual term used to refer to the hidden menu? Just curious.

• 

  staff-happychia · Staff · Feb 13, 2015 at 10:25 am

  • Copy link

  @kokkieh

  Perhaps they are on a smaller screen.

  Lol- some people call it hamburger which I think is fine so long it conveys the meaning :-)

  It is of course, not a standard term.