Forum Replies Created
-
Posts
-
When you save the HTML tags in the code block it works fine, but save it as a template. Then you create a new page and load the template with the code block with span p and br tags, and they do not copy over.
http://kriesi.at/themes/enfold/features/
iPhone 5 version 7.1
I also tested this in Chrome and IE9. If you resize your browser window and activate the mobile menu, the height is not calculated correctly. Also if you use web developer tools in Chrome (F12) then emulate any device, the mobile menu doesn’t extend entirely.
I believe the height calculated in avia.js for the mega menu is the culprit. For now I have to use an absolute value.
I’ve been able to solve it. I placed a div under <header> with display:none; behind the mega menu. Afterwards activated with javascript/jquery after hovering over the mega menu, it adds a class called open-mega-a by default. Then in avia.js add the javascript to .show() the div when it’s hovered, and .hide() when it’s not.
Thanks!
Hi Ismael!
Thanks for your reply. I tested this on my iPhone, using Safari and Chrome. You can’t scroll down any further than Shortcodes. Does it work on your cell? I think the height calculated for the menu is incorrect.
Thanks,
mrgreenwaters
I see there is also this option: Let logo and menu position adapt to browser window
How could apply that functionality to the mega menu?
So it’s a fair amount of work. How would you do it? Maybe that could get me on the right path. Setup different media queries?
Where would I put the div to appear behind the mega menu on hover?
I would use a hook to the menu li, and put a div behind the mega menu that is 100% full width. Is this the correct direction?
