Solved

wordpress - hamburger navigation not on phone

Posted on 2016-07-19
3
48 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 28

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

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

758 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now