Main menu not displaying correctly on iPads - JF Krom - Joomla Templates

Welcome, Guest

TOPIC: Main menu not displaying correctly on iPads

Main menu not displaying correctly on iPads 29 Nov 2016 10:55 #9743

Hi there,

Many thanks for your brilliant Krom theme! There seems, however, to be a problem with the main menu on iPads where it's not displaying correctly. Please see screen shots:

This image is hidden for guests. Please log in or register to see it.

I couldn't find any threads about this particular problem, and I am rather clueless...I hope you can help.

Thanks in advance!

Dominique

PHP: 5.6.22-0+deb8u1
Joomla Version: Joomla! 3.6.4 Stable [ Noether ] 21-October-2016 16:33 GMT

Last Edit: 29 Nov 2016 10:57 by domimal4.

Reply Quote

Posts:19
domimal4
Fresh Boarder
OFFLINE
Karma: 0

Re: Main menu not displaying correctly on iPads 01 Dec 2016 03:15 #9757

Did you change css? Because css of menu on iPad same on desktop.

joomfreak

Reply Quote

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Re: Main menu not displaying correctly on iPads 02 Dec 2016 15:31 #9768

Thank you for getting back to me.

I did make a few changes to the template.css file - please see attachement showing alterations made to the navigation area.

The menu displays fine on PCs, Macs, tablets and mobile phones. Only iPads displays menu incorrectly as per screenshots attached to previous message.

I tried removing 'float right' I had inserted, but the problem remains. What would you suggest?

Many thanks in advance,
Domi

Reply Quote

Posts:19
domimal4
Fresh Boarder
OFFLINE
Karma: 0

Re: Main menu not displaying correctly on iPads 29 Dec 2016 00:06 #9822

I found the same problem, and i didn't change the css code.

The problem with ipad persist also with the officila emo krom template on this site

Reply Quote

Posts:2
albadar
Fresh Boarder
OFFLINE
Karma: 0

Re: Main menu not displaying correctly on iPads 29 Dec 2016 03:25 #9824

Try to edit file templates/jf_krom/scripts/js/template.js, comment line:

 
/*
jQuery("#mobile-menu").mobileMenu({
            MenuWidth: 250,
            SlideSpeed: 300,
            WindowsMaxWidth: 767,
            PagePush: !0,
            FromLeft: !0,
            Overlay: !0,
            CollapseMenu: !0,
            ClassName: "mobile-menu"
});
*/

And tell me if it works. Thanks!

joomfreak

Reply Quote