Magazine Pro responsive menu changes

[cookieandkate]

Hi,

I use the Magazine Pro theme. I want to change the way the responsive primary and secondary menus behave. By default, the primary navigation, when shrunk down, is reduced to a menu icon. The secondary menu's items remain visible.

I want to swap the way the two display. How do I make the secondary menu shrink down and display the menu icon, while the primary menu items remain visible?

Thank you,
Kathryne

[AnitaC]

Try this, I don't have access to my demo at the moment to try out the code, but look in your media queries for size 768. In there you will see this:

	.nav-primary .responsive-menu {
		display: none;
	}

	.nav-primary #responsive-menu-icon {
		display: block;
		text-align: center;
	}

change .nav-primary to .nav-secondary. See if that works.

---

Need help with customization or troubleshooting? Reach out to me.

[cookieandkate]

Thanks so much for your help. I tried editing the code as suggested. It accomplished my goal of displaying the primary nav in full, but the secondary nav still displays in full rather than shrinking and showing the responsive menu icon. Any other ideas?

[AnitaC]

Can you provide a link to your site, so I can take a look at it now? I can use a responsive tool to check it where I am.

---

Need help with customization or troubleshooting? Reach out to me.

[cookieandkate]

I'm sorry, I'm building a local test site. The mobile responsive features come from Magazine Pro. If there's any chance you could find the answer through the Magazine Pro demo, I'd be so grateful! Thank you for your help.

[AnitaC]

Unfortunately I can't. It requires me to see exactly how you have your site set up. Maybe when you go LIVE or someone else can assist you sight unseen.

---

Need help with customization or troubleshooting? Reach out to me.

[BlueNinja]

Hello @cookiesandkate

Did you ever manage to sort this out ???

I am struggling with this too!!

Kind Regards

James

[cookieandkate]

If you look in the responsive menu javascript file, you can see how the primary menu is set up and change it to the secondary menu.

[jodzeee]

I have the same question. I'm using the secondary menu instead of the primary menu and I'd like it to turn into the hamburger/responsive when it's small. I tried changing the CSS and the .js and it didn't work.

Here's my site:
http://www.ethanbearman.com/

Thanks!

[Author]

Posts