Remobile Pro: Navigation Customization Help Needed

[BrianMCO]

I'm using the child theme Remobile Pro for a site under development and would like the primary menu in the open position for computer users with browsers over 1023px wide and set it to closed for smaller browsers/devices ?

Any help with is really appreciated!

http://sohobbq.wpengine.com

[Sridhar Katakam]

Try this:

In style.css, locate

.responsive-menu {
	display: none;
}

in the

/* Responsive Menu
--------------------------------------------- */

section

and change it to

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

	.responsive-menu {
		display: none;
	}

}

---

Genesis Tutorials | Follow me on Twitter

[BrianMCO]

Perfect!

Thank you so much, Sridhar.

[luked]

Anyway to remove the little nav menu icon when it's set like this and only appear when smaller?

[aself]

To accomplish what I think you're asking for, I put the entire Responsive Menu section consisting of:

.responsive-menu
.responsive-menu-icon
.responsive-menu-icon::after

into this media query:

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

You could put it into any of the media queries depending on when you want to change from the full menu to the icon.

[macmeister]

You guys rock! Thank you for the help on hiding the responsive menu on larger screens!

I've yet to find out how to get the menu back if hidden in responsive mode, then resizing the window larger again. If I find out how, I'll post back here... If anyone has a remedy, please enlighten.

Happy 2015!

[Author]

Posts