December 18th, 2012AWM: Menu is not displayed properly in iPad, iPhone and Opera Mini
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Christian
Initial Email Subject: Problem menu in Android and Opera Browser
Support Case Month: March 2012
Hello, I have installed AllWebMenus in a joomla website, but the menu show some problems in Android and Opera Browser.
Related URL: http://www.cuatroglaciares.cl
Reply From: Likno Customer Support
Hello,
Do you refer to this?
It seems that you have set this manually in the “Browser-specific Offsets”:
Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Reply From: Christian
Hello,
I adjust this, but the problem persist in Safari for iPad iPhone, Opera Mini for Mobile Devices and the Android Browser.
Regards.
Christian
Reply From: Likno Customer Support
Dear Christian,
You are correct. I just checked your page in my own mobile and was able to see the problem. I was also able to see the problem in my PC in all browsers.
The problem is that you are using a positioning “Relative to Window” so the menu is always positioned in the same distance from the top-left window corner. However your page is moving depending on screen resolution! Hence, your menu only looks ok if the browser is maximized in a 1280x1024 screen.
I suggest that you change the positioning to “Relative to Element” using the following options:
This way the menu will always stick to “gk-mainbody” which is your main content div.
Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Tags: android, browser, css menu, drop-down menu, element, ipad, iphone, javascript menu, Joomla, jquery, Menu, mobile, offset, Opera mini, position, Safari, sliding menu, website, window