wordpress - hamburger navigation not on phone

Hamburger navigation icon appears ONLY on my tablet PORTRAIT view  but not on my tablet in landscape?  It does not appear at all on phone.

 I would like to it work on BOTH mobile devices on all views.
Who is Participating?
chilternPCConnect With a Mentor Commented:
If you look at your style sheet located here:


you will find media queries sections :
@media only screen and (max-width: 1140px)   {  .....css styles...}
@media only screen and (max-width: 960px)     {  .....css styles...}
@media only screen and (max-width: 768px)    {  .....css styles...}
@media only screen and (max-width: 480px)    {  .....css styles...}

these are the "breakpoints when your menu changes depending on the size of the screen, so if you want the hamburger menu on tablet landscape mode, you will need to probably  remove
all menu related  styles  between the media 960 and replace it with the menu related styles from the media 768 area. Leave the 768 as is, just copy the genesis menu stuff and out it in the 960 section.

- make a back up of all files before making changes ;-)

and test your changes with screenfly here:

BTW the menu appears on all my smartphones and tablets ok.
lisfolksConnect With a Mentor Commented:
What do your @media queries look like? For example:
@media screen and (min-width: 100px) {
    /* settings for screens larger than 100px */

Open in new window

It sounds like you've got something set up for a portrait-view tablet, but not anything smaller or larger?

See these resources:
Using media queries - CSS | MDN
Responsive Web Design Media Queries - W3Schools
CSS3 @media Rule - W3Schools
CSS3 Media Queries - Examples - W3Schools
nsitedesignsAuthor Commented:
chiltern, I will try your suggestions.  Just been really busy lately....
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.