?
Solved

wordpress - hamburger navigation not on phone

Posted on 2016-07-19
3
Medium Priority
?
98 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 1000 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 1000 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

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Question has a verified solution.

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

Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Suggested Courses
Course of the Month17 days, 8 hours left to enroll

829 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