StudioPress

Forum navigation

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

"Hamburger" menu suddenly looks odd – What is affecting it?

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › "Hamburger" menu suddenly looks odd – What is affecting it?

This topic is: resolved

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 25, 2019 at 9:57 am #493714
    ilkweb
    Member

    Hi all.

    A few days ago I noticed my responsive mobile menu icon (aka "hamburger") started looking odd.

    In the narrower viewports, the primary nav changes from text links to the hidden flyout menu hamburger, but the three .svg's (I think they are .svg, possibly .png) are looking as though they are too think or too close together.

    null

    Clearly, I have changed something in the stylsheet without realising.

    What do you think it could be?

    Here's a link to the site in question. If you make your browser narrower you'll see the navigation eventually change to a mobile navigation, and you'll see what I'm talking about.

    Naturally, I've had the element inspector open for hours as I try to decipher the issue.

    Has this happened to anyone else? What did you do to fix it?

    Thanks for reading, and any help is welcomes and appreciated.

    Regards,
    Darren

    http://staging.gsg.hk
    September 25, 2019 at 11:41 am #493715
    Victor Font
    Moderator

    I've never seen a hamburger menu composed of 3 individual components before. Very odd. Whatever the case, the height od the 3 objects is 0.7rem. This is too thick. Change the height to 0.5rem.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    September 27, 2019 at 6:42 am #493747
    ilkweb
    Member

    Thanks Victor. I solved this and arrived at the same conclusion as you. Thanks for replying.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘"Hamburger" menu suddenly looks odd – What is affecting it?’ is closed to new replies.