Theme Support Forum

Support Forum for Free and Premium Themes. Premium Theme Forums are Private! Please log in first to see the Premium forums

If you Like the Asteria Lite Theme and want to Keep it free forever Please Rate it on Wordpress.org (It only takes a few seconds)
Viewing 12 posts - 1 through 12 (of 12 total)

Menue on iPad does not work (portrait mode)

Home Forums Free Theme Support Asteria Lite Menue on iPad does not work (portrait mode)

  • #75578

    Jim

    Hi,

    first of all: great theme. Thanks!!

    On my iPad 3 the menue does not work in portrait mode.
    Tested it on your demo-site (asterialite.towfiqi.com) and on my site with Chrome and Safari.
    If you click it nothing happens..

    Can you help?

    Cheers,
    Jim

    #75740

    Towfiq I.

    administrator

    this is a known bug and will be fixed in the future version. Here is how to fix this:

    Open up asteria.js and replace this:

    
    if (jQuery(window).width() < 768) {
    	//jQuery("#topmenu").attr("id","sidr");
    	var padmenu = jQuery("#simple-menu").html();
    	jQuery('#simple-menu').sidr({
          name: 'sidr-main',
          source: '#topmenu'
        });
    	jQuery(".sidr").prepend("<div class='pad_menutitle'>"+padmenu+"<span><i class='fa-times'></i></span></div>");
    	
    	jQuery(".pad_menutitle span").click(function() {
    		jQuery.sidr('close', 'sidr-main')
    		preventDefaultEvents: false;
    		
    });
    }

    with this:

    //jQuery("#topmenu").attr("id","sidr");
    	var padmenu = jQuery("#simple-menu").html();
    	jQuery('#simple-menu').sidr({
          name: 'sidr-main',
          source: '#topmenu'
        });
    	jQuery(".sidr").prepend("<div class='pad_menutitle'>"+padmenu+"<span><i class='fa-times'></i></span></div>");
    	
    	jQuery(".pad_menutitle span").click(function() {
    		jQuery.sidr('close', 'sidr-main')
    		preventDefaultEvents: false;
    		
    });

    and then add this to your custom css tab:

    /*Hide the mobile menu on desktop*/
    #sidr-main{ display:none;}

    #76047

    Jim

    Thanks!!

    Changed the asteria.js.
    What do you mean by the custom css tab? I added it to the style.css but this did not help..

    #76050

    Towfiq I.

    administrator

    go to Asteria Options> Custom CSS

    #76209

    Jim

    THANKS!!!
    Works perfectly now.

    #78583

    Juan Cholbi

    Sorry, how cam I open up the ASTERIA.JS?

    #78586

    Towfiq I.

    administrator
    #78642

    Juan Cholbi

    Thank you.
    I did all the steps right but it dosn’t work…
    what can I do

    #78651

    Towfiq I.

    administrator

    did you clear your ipad browser cache? whats your site address?

    #78668

    Juan Cholbi

    planetasonico.hval.es
    OH YES! It is working now Thank you so much!

    #86399

    Mickey Kay

    Hi there,

    We’re experiencing this same issue, however the prescribed fix doesn’t work. It seems that if the logo text is long, and the header menu is long as well, this causes the menu to move below the logo at smaller screen sizes. Since the header height is set inline with jQuery (correct? if so, why is this necessary?), the menu just disappears entirely. The only way we’ve been able to fix this problem is by decreasing the logo/menu font size to save on horizontal space, however this seems like a pretty significant issue. Can I ask why you’re doing all this breakpoint detection and styling with jQuery? Any ideas on how to fix this? Thanks.

    – MIckey

    P.S. to reproduce this issue just add a bunch of items to your nav menu and make your site title pretty long, then resize and you’ll see how the CSS/jQuery falls apart at various widths.

    #86491

    Towfiq I.

    administrator

    can you remove this from javascript.php and see if it works or not:

    jQuery(".header4").height(headheight)

Reply To: Menue on iPad does not work (portrait mode)