replace navigation bar with hamburger menu on tablet landscape

ASKER

Here is url
http://25a.e58.myftpupload.com/

SOLUTION

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

SOLUTION

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

ASKER

Ryan,

I added your code with the modification to 1024 and it did not make any impact. I varied to size and it did not matter. How do I tell what other media screens are out there? The one you provided I didn't even know about.

/* .......MEDIA SCREENS........... */

@media only screen and (max-width: 1300px) {
.content {
    float: none;
}
}

@media only screen and (max-width: 1024px) {

.menu-toggle,
	.sub-menu-toggle {
		border-radius: 0;
		border-width: 0;
		color: #64c9ea;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
	}

}

Open in new window

ASKER

Yikes! Not sure what BOTH are now displaying!
https://screencast.com/t/Q7cqqWMjnNpe

ASKER CERTIFIED SOLUTION

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

SOLUTION

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

ASKER

I really appreciate all the code you provided. I am self taught and responsive menus just blow me away. I can never get them to work right.

Is there a way to have it so the space for the website is wider on tablet landscape views? Now there is a huge margin on both left and right side of screen that i am sure client will not be happy about.

https://screencast.com/t/tLGKy6YwoyN

SOLUTION

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

ASKER

You really helped me out in a pinch - thanks SOOOOO much!