Parallax Pro – jQuery Responsive Menu

[Treefungus]

Hi

In the responsive-menu.js file in Parallax Pro I find this code:

$(window).resize(function(){
if(window.innerWidth > 768) {
$("header .genesis-nav-menu").removeAttr("style");
}
});

What does this mean exactly? The .removeAttr("style") part means it will remove styling for header .genesis-nav-menu but that does not make sense to me in this example. Besides when resizing the window I am not seeing anything change whether I got this code in or not.

Responsive icon is display none unless media query is max 768 so what is the above line of code doing?

Any skilled jQuery users who could explain this to me?

Thanks in advance!

[Sridhar Katakam]

Try this:

Comment out that piece of code.

Resize the browser down to 768px or below. Now when you increase the width and decrease the width, you should see everything to be fine.

Now expand the menu by clicking the hamburger icon. Increase the browser width and decrease. Everything should be fine again.

Now collapse the menu and try increasing and decreasing width. This time the menu would not be visible (at least in my testing).

If the code is present, this problem will not arise.

---

Genesis Tutorials | Follow me on Twitter

[Treefungus]

I just tried and yes that is correct. Can't believe I missed that.

Thank you for the help.

Sridhar, you are a great help to the Genesis community.

[Author]

Posts