Solved

wordpress - hamburger navigation not on phone

Posted on 2016-07-19
3
69 Views
Last Modified: 2016-08-05
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.
https://www.nsitedesigns.com
0
Comment
Question by:nsitedesigns
3 Comments
 
LVL 9

Assisted Solution

by:lisfolks
lisfolks earned 250 total points
ID: 41723564
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
0
 
LVL 29

Accepted Solution

by:
chilternPC earned 250 total points
ID: 41724571
If you look at your style sheet located here:

https://www.nsitedesigns.com/wp-content/themes/parallax-pro/style.css

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:
http://quirktools.com/screenfly/

BTW the menu appears on all my smartphones and tablets ok.
0
 

Author Comment

by:nsitedesigns
ID: 41728384
chiltern, I will try your suggestions.  Just been really busy lately....
0

Featured Post

MIM Survival Guide for Service Desk Managers

Major incidents can send mastered service desk processes into disorder. Systems and tools produce the data needed to resolve these incidents, but your challenge is getting that information to the right people fast. Check out the Survival Guide and begin bringing order to chaos.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

679 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question