Tagged: ,

Viewing 27 posts - 1 through 27 (of 27 total)
  • Author
    Posts
  • #195999

    I cannot center my menu for the life of me in iPad (landscape) mode. Can someone help me bring my .mobileMenu back? Somehow I did something a while back and now the normal menu is displaying.

    http://postimg.org/image/t81u55wnd/

    Does this make sense?

    Thanks guys.

    #196209

    Hi Pat!

    You have probably change the width to switch to mobile menu in Avia.js file. Please refer to this topic to check if it is set to 767 or not https://kriesi.at/support/topic/collapsable-menu/#post-165144

    Regards,
    Yigit

    #196356

    Hello Yigit,

    As always, thanks for the quick response. I can’t even get to the bottom of this until I figure out how to get my “french” version of my (portrait) iPad menu back.

    http://postimg.org/image/vxdwp9jtf/

    Any ideas? Thanks so much.

    #196523

    Hey!

    Can you post the link to this website that you are having issues with?

    Regards,
    Yigit

    #196759
    This reply has been marked as private.
    #196891

    Hi!

    Please add this on the French Theme Options > Quick CSS:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .mobile_menu_tablet .main_menu {
    display: block;
    }
    }

    I can see the mobile menu on french language. This is what I see:

    Cheers!
    Ismael

    #197149

    Hello Ismael,

    It’s not working my friend. What’s weird, is everything about this screenshot looks odd.

    First, the translation of the h1 title is wrong.

    Second, the body is in English.

    And the logo is distorted.

    Here’s what I have for the FRENCH translation (768px iPad portrait view) :

    French

    Here’s what I have for the ENGLISH translation :

    English

    #197151

    Hello Ismael,

    It’s not working my friend. What’s weird, is everything about this screenshot looks odd.

    First, the translation of the h1 title is wrong.

    Second, the body is in English.

    And the logo is distorted.

    Here’s what I have for the FRENCH translation (768px iPad portrait view) :

    http://postimg.org/image/faobizddh/

    Here’s what I have for the ENGLISH translation :

    http://postimg.org/image/mc95b6mr7/

    #197178

    Hey!

    Sorry, wrong screenshot. Please add the code on custom.css:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .mobile_menu_tablet .main_menu {
    display: block;
    bottom: -60px;
    right: 175px;
    }
    }

    This is supposed to be what it looks like after you added the code:

    Cheers!
    Ismael

    #197753

    So odd Ismael. It’s still not changing anything. The mobile menu is still (hidden) in French view.

    I’m adding the custom css you gave me to the custom css folder on my server. I’m also including the html[lang=”fr-FR”] attribute. I’ve made numerous media query adjustments for the French version and they have all applied, but this one won’t.

    I triple checked all my syntax and code for errors. All seems goo. I even tried adding the !important attributes but nothing. Tried refreshing screen, clearing cache, etc.

    Please don’t give on me brother. This is funny, because this is the VERY last fix before we launch tomorrow. lol

    Thanks buddy.

    -Pat

    #197760

    Ismael,

    Not only is the FRENCH mobile menu still missing, but now my ENGLISH mobile menu has moved.

    http://postimg.org/image/93zw9yecn/

    What’s odd is that I added the html[lang=”fr-FR”] attribute, so it shouldn’t even be affecting the ENGLISH version.

    So odd.

    #197764

    OK, PLAN B . . .

    I’m so over this issue, that I am willing to remove the “mobile menu” all together for those media queries and just go with the standard menu.

    Any ideas how to do this?

    I tried adding :

    @media only screen 
    and (min-width : 768px)
    and (max-width : 800px) {
    html[lang="fr-FR"] .responsive .mobile_menu_tablet .main_menu {
    display: none !important;
      }
    }
    

    . . . but this didn’t do anything.

    #197765

    I have to say that between centering the logo and menu, and translating the site, . . . it has wreaked havoc on the entire site since day one.

    What a nightmare. Wow.

    #197973

    Hi!

    If you want to deactivate the mobile menu open up enfold/js/avia.js and delete

    
            //check if user uses IE7 - if yes don't execute the function or the menu will break
            if(aviabodyclasses.indexOf("avia-msie-7") == -1) avia_responsive_menu();
    

    and then insert following code into the quick css field to show the default menu

    
    @media only screen and (max-width: 1280px)
    .responsive .mobile_menu_tablet .main_menu {
    display: block !important;
    }
    }
    

    Cheers!
    Peter

    #198203

    Dude,
    Thanks for the assistance, but I could not locate this code anywhere in the avia.js folder.

    
     //check if user uses IE7 - if yes don't execute the function or the menu will break
            if(aviabodyclasses.indexOf("avia-msie-7") == -1) avia_responsive_menu();
    
    #198211

    Guys,

    I absolutely hate to ask this, but I have tried everything that has been suggested. I’m exhausted and I’m killing my client by making them wait for weeks on this issue. I cannot launch until this issue is resolved.

    Can someone please help me out by logging in to my WP account? Or I would assume it’s on my hosting (being that the mobile menu issue is only on the French version).

    This is what it looks like when viewed in (portrait) mode for the iPad : http://postimg.org/image/5cin4ne25/

    Thank you.
    Pat

    #198356

    Hi!

    We would like to inspect it. Please post the login details here as a private reply. Before that please do Dudes’ instruction but look for this code on js > avia.js on line 9:

    avia_responsive_menu();

    Replace it with:

    //avia_responsive_menu();

    Then add Dude’s css code on Quick CSS field. Remove browser cache then reload the page. This should disable the mobile menu.

    Cheers!
    Ismael

    #198727

    OK Ismael. I will try this first. Thanks. I’ll be back with an update.

    #198737
    This reply has been marked as private.
    #200188

    Hi!

    If you just want to activate the responsive menu for the French version replace following line in avia.js

    
    avia_responsive_menu();
    

    with

    
    var thehtmllanguage = $('html').attr('lang');
    if(thehtmllanguage == "fr-FR") avia_responsive_menu();
    

    Regards,
    Peter

    #200577
    This reply has been marked as private.
    #200578
    This reply has been marked as private.
    #200770

    Fellas, please.

    I’m dying here. Need some help with this.

    Thank you.
    Pat

    #201925

    Hey!

    I’ve re-tagged the topic for Peter to see if he has any insight but customization like this is covered in the scope of support here. We will often go beyond support as time allows but we are not a customization service for themes. There are a couple of really great avenues to go for hiring someone to customize themes for you when you get to a hurdle like this including Microlancer, Codeable or even through the form here: http://kriesi.at/contact/customization

    Best regards,
    Devin

    #201979

    Hey!

    I don’t see any link to the French version of the website. Please post it and I’ll check if I can find any obvious reason why the code doesn’t work. But I have to agree with Devin – if you’re in a hurry please hire someone because this thread is a “low priority” thread for me (because the question is beyond the scope of our support forum) and other threads (bug reports, basic theme setup, etc.) have a higher priority. On http://www.microlancer.com/ you can hire someone for a few $ who can look into it – probably it requires one hour of work….

    Best regards,
    Peter

    #202261

    @Devin and @Dude,

    I appreciate your response, but I have to honestly say that I’m blown away at the words “low priority” being used here. I would never say this to any client. It basically defeats any good working relationship from that point onward. Being that I have purchased a half dozen themes and have referred many developers to Kriesi, I feel very neglected here guys.

    My question is, why did it take 12 days and 4 support techs to refer me to these alternatives?? I would have gladly paid. Not looking for FREE. Just need help.

    And Dude, if this is a “low priority” topic and so far outside the scope of help, why didn’t you say this to me during our initial conversation on this topic 10 days ago on Dec 9th?

    Wow guys. Just wow.

    My advice to you fellas would be to NOT wait almost 2 weeks to tell someone that you’re not going to help them. We have deadlines and paying clients too.

    #202302

    Hey!

    Support scope is outlined when you register for the forums. Depending on how busy we are we will go beyond normal fairly frequently. We aren’t project managers and just respond as we get questions.

    We answer with the best response we can and when we hit a point where it seems that someone is only looking at us to solve a major customization issue as you explained a few days ago we will refer them to quicker alternatives.

    Saying that this topic/question was and is low priority doesn’t mean that you are, just that this specific issue was. We’ve been addressing WordPress 3.8 bugs, there have been 2 theme releases this week to fix things and it looks like there will be another coming up shortly.

    Regards,
    Devin

Viewing 27 posts - 1 through 27 (of 27 total)
  • The topic ‘I need a mobileMenu for iPad (landscape) view’ is closed to new replies.