How do I get the mobile menu icon to display correctly?

• 

  sovicarious · Member · Mar 19, 2015 at 1:50 am

  • Copy link
  • Add topic to favorites

  I’m currently in the middle of a site redesign, and the mobile menu icon stopped displaying correctly somewhere along the way. Do you know how I get the hamburger back?

  

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

• 

  rachelmcr · Member · Mar 19, 2015 at 11:19 am

  • Copy link

  Hi there,

  I see you have a lot of CSS entered in your site’s CSS editor — it looks like you copied the theme’s default CSS there. I’d recommend removing that CSS and only re-adding the Custom CSS rules you need to make your customizations (rather than putting a full copy of the CSS there and changing it).

  That way, if any changes are made to the theme’s default CSS you’ll be able to take advantage of those changes, and it will make it easier for you to see exactly what CSS rules are being used on your site. If you add back in your custom changes one by one, you’ll be able to identify exactly which change made the hamburger icon disappear — if you aren’t sure how to resolve the issue at that point, I’d be happy to take a look at the custom CSS you’re using and help you figure out what’s going wrong there. :)

• 

  sovicarious · Member · Mar 19, 2015 at 3:48 pm

  • Copy link

  Ah! Valid point. I’ll do that.

  So, next question. If I revert to “Add-on CSS,” will my changes carry over? Or will I have to reenter them?

  If I do have to reenter my changes, I’m able to view all of them under “CSS Revisions,” correct? Remembering all of them feels next to impossible.

• 

  rachelmcr · Member · Mar 19, 2015 at 6:28 pm

  • Copy link

  Hi there,

  There isn’t a way to automatically revert to just have your changes in the CSS editor. You’ll need to remove the CSS you’ve entered there, and add back in your custom CSS changes manually.

  However, you’ll definitely still be able to access previous revisions in the CSS revisions area — you can always view and restore older version of your custom CSS from there. :)

• 

  sovicarious · Member · Mar 23, 2015 at 1:12 am

  • Copy link

  Thank you for being so helpful. I’d really love to get this beast public again as soon as possible, and because I made so many changes, it’s going to take a good amount of time to redo all of the CSS changes. I’m happy to do it, but in time.

  Would you mind taking a look at the current code to see if you can’t find the error for the mysterious disappearing hamburger?

• 

  rachelmcr · Member · Mar 23, 2015 at 10:48 am

  • Copy link

  I’m sorry, I really can’t tell at this point if the error is caused by custom CSS changes you made or changes to the theme’s default CSS that aren’t appearing because that default CSS was updated after you added the full CSS to your site.

  The first step to figuring out what’s going wrong with the hamburger menu is to disentangle your custom CSS from the default CSS. Once that’s done, the source of this particular issue will be much clearer and I’d be happy to help identify what custom CSS might be causing this.