pop up pro and mean menu 'sort of' working together
Permalink Browser Info Environment
Hi,
Thanks for making such a great add-on. I have an issue with pop up pro and mean menu which I've tried my best to detail clearly below.
I have a pop up link to an iframe working in my sites navigation. The site is responsive so I have meanmenu.js working to transform the menu into a mobile/tablet navigation when the browser is at smaller sizes. (see mean menu here -http://www.meanthemes.com/demo/meanmenu/demo.html)....
The pop up link actually works perfectly before meanmenu is activated. It also works with meanmenu, so long as the users does not change the size of their screen.
For example - the screen is at ipad sized width > open mean menu >click pop up link > works fine.
However if the user changes the width of their browser by even 1px the pop up link no longer activates a pop up and just serves as a link through to the actual page the iframe is meant to contain. The only way to get it working at another size is to reload the page after which point the link will activate the pop up perfectly.
I hope that's clear, any ideas you have would be much appreciated. The site is in development at the moment so you cannot see a live example of the problem, but let me know if you need any specific images/code.
Thanks
Thanks for making such a great add-on. I have an issue with pop up pro and mean menu which I've tried my best to detail clearly below.
I have a pop up link to an iframe working in my sites navigation. The site is responsive so I have meanmenu.js working to transform the menu into a mobile/tablet navigation when the browser is at smaller sizes. (see mean menu here -http://www.meanthemes.com/demo/meanmenu/demo.html)....
The pop up link actually works perfectly before meanmenu is activated. It also works with meanmenu, so long as the users does not change the size of their screen.
For example - the screen is at ipad sized width > open mean menu >click pop up link > works fine.
However if the user changes the width of their browser by even 1px the pop up link no longer activates a pop up and just serves as a link through to the actual page the iframe is meant to contain. The only way to get it working at another size is to reload the page after which point the link will activate the pop up perfectly.
I hope that's clear, any ideas you have would be much appreciated. The site is in development at the moment so you cannot see a live example of the problem, but let me know if you need any specific images/code.
Thanks
| Type: | Discussion |
|---|---|
| Status: | New |
Thanks for getting back to me.
Yeah that's how it works. I'll paste in the two versions of the nav below - the first before meanmenu kicks in (working fine), the second after meanmenu changes the nav.
It is the final <li> with class "about" that is the link to the pop-up.
Meanmenu Nav:
As you can see it adds classes to the elements wrapping the nav, but I don't understand what it changes with the pop-up pro link?
Thanks
Yeah that's how it works. I'll paste in the two versions of the nav below - the first before meanmenu kicks in (working fine), the second after meanmenu changes the nav.
It is the final <li> with class "about" that is the link to the pop-up.
<article class="l-2c-nav"> <div class="c-1"></div> <nav class="c-2"> <ul class="met-nav-header"> <li class="first"> <a class="first" href="/repositories/albumen/index.php/photographers/" target="_self">Photographers</a></li> <li class=""> <a class="" href="/repositories/albumen/index.php/order/" target="_self">Order</a></li> <li class=""> <a class="" href="/repositories/albumen/index.php/journal/" target="_self">Journal</a></li> <li><a class="about" href="http://localhost/repositories/albumen/index.php/about?iframe=true?">About</a></li> </ul> </nav> </article>
Meanmenu Nav:
<article class="l-2c-nav mean-container"> <div class="mean-bar"></div> <div class="c-1"></div> <nav class="c-2" style="display: none;"> <ul class="met-nav-header"> <li class="first"> <a class="first" href="/repositories/albumen/index.php/photographers/" target="_self">Photographers</a></li> <li class=""> <a class="" href="/repositories/albumen/index.php/order/" target="_self">Order</a></li> <li class=""> <a class="" href="/repositories/albumen/index.php/journal/" target="_self">Journal</a></li> <li><a class="about" href="http://localhost/repositories/albumen/index.php/about?iframe=true?">About</a></li> </ul> </nav> </article>
As you can see it adds classes to the elements wrapping the nav, but I don't understand what it changes with the pop-up pro link?
Thanks
Hi
Just what I thought your menu script creates an entirely new navigation. As you can see in the second code structure the nav is "display:none;" meaning the actual menu is hidden you are shown a different menu. So basically the culprit here is that menu script. If you want, however, we can customise that menu script for you for a competitive price just let me know so I can give you quotation.
JZ
Just what I thought your menu script creates an entirely new navigation. As you can see in the second code structure the nav is "display:none;" meaning the actual menu is hidden you are shown a different menu. So basically the culprit here is that menu script. If you want, however, we can customise that menu script for you for a competitive price just let me know so I can give you quotation.
JZ
Sure. If you PM me with a quote I'll have a think.
Also the site is now live (but hidden behind maintenance page) so you can see a live example.
Also the site is now live (but hidden behind maintenance page) so you can see a live example.
Just PM'ed you.
JZ
JZ
Thanks for getting back to me.
Yeah that's how it works. I'll paste in the two versions of the nav below - the first before meanmenu kicks in (working fine), the second after meanmenu changes the nav.
It is the final <li> with class "about" that is the link to the pop-up.
Meanmenu Nav:
As you can see it adds classes to the elements wrapping the nav, but I don't understand what it changes with the pop-up pro link?
Thanks
Yeah that's how it works. I'll paste in the two versions of the nav below - the first before meanmenu kicks in (working fine), the second after meanmenu changes the nav.
It is the final <li> with class "about" that is the link to the pop-up.
<article class="l-2c-nav"> <div class="c-1"></div> <nav class="c-2"> <ul class="met-nav-header"> <li class="first"> <a class="first" href="/repositories/albumen/index.php/photographers/" target="_self">Photographers</a></li> <li class=""> <a class="" href="/repositories/albumen/index.php/order/" target="_self">Order</a></li> <li class=""> <a class="" href="/repositories/albumen/index.php/journal/" target="_self">Journal</a></li> <li><a class="about" href="http://localhost/repositories/albumen/index.php/about?iframe=true?">About</a></li> </ul> </nav> </article>
Meanmenu Nav:
<article class="l-2c-nav mean-container"> <div class="mean-bar"></div> <div class="c-1"></div> <nav class="c-2" style="display: none;"> <ul class="met-nav-header"> <li class="first"> <a class="first" href="/repositories/albumen/index.php/photographers/" target="_self">Photographers</a></li> <li class=""> <a class="" href="/repositories/albumen/index.php/order/" target="_self">Order</a></li> <li class=""> <a class="" href="/repositories/albumen/index.php/journal/" target="_self">Journal</a></li> <li><a class="about" href="http://localhost/repositories/albumen/index.php/about?iframe=true?">About</a></li> </ul> </nav> </article>
As you can see it adds classes to the elements wrapping the nav, but I don't understand what it changes with the pop-up pro link?
Thanks
Thanks for purchasing our add-on. It would be good if I can see your code, it looks like it's rebuilding the structure once resized so it affects Popup Pro. Is that how your script work?
JZ