Tagged: iPad, mobile menu
-
AuthorPosts
-
December 4, 2013 at 8:50 am #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.
December 4, 2013 at 4:42 pm #196209Hi 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,
YigitDecember 4, 2013 at 9:33 pm #196356Hello 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.
December 5, 2013 at 6:09 am #196523Hey!
Can you post the link to this website that you are having issues with?
Regards,
YigitDecember 5, 2013 at 8:51 pm #196759This reply has been marked as private.December 6, 2013 at 7:37 am #196891Hi!
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!
IsmaelDecember 6, 2013 at 11:15 pm #197149Hello 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) :
Here’s what I have for the ENGLISH translation :
December 6, 2013 at 11:16 pm #197151Hello 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 :
December 7, 2013 at 1:55 am #197178Hey!
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!
IsmaelDecember 8, 2013 at 8:01 pm #197753So 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
December 8, 2013 at 8:16 pm #197760Ismael,
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.
December 8, 2013 at 8:34 pm #197764OK, 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.
December 8, 2013 at 8:36 pm #197765I 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.
December 9, 2013 at 10:03 am #197973Hi!
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!
PeterDecember 9, 2013 at 9:40 pm #198203Dude,
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();
December 9, 2013 at 9:51 pm #198211Guys,
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.
PatDecember 10, 2013 at 3:47 am #198356Hi!
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!
IsmaelDecember 10, 2013 at 11:19 pm #198727OK Ismael. I will try this first. Thanks. I’ll be back with an update.
December 11, 2013 at 12:02 am #198737This reply has been marked as private.December 14, 2013 at 11:20 am #200188Hi!
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,
PeterDecember 16, 2013 at 6:27 am #200577This reply has been marked as private.December 16, 2013 at 6:41 am #200578This reply has been marked as private.December 16, 2013 at 9:17 pm #200770Fellas, please.
I’m dying here. Need some help with this.
Thank you.
PatDecember 19, 2013 at 8:11 am #201925Hey!
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,
DevinDecember 19, 2013 at 11:30 am #201979Hey!
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,
PeterDecember 19, 2013 at 9:34 pm #202261I 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.
December 19, 2013 at 11:45 pm #202302Hey!
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 -
AuthorPosts
- The topic ‘I need a mobileMenu for iPad (landscape) view’ is closed to new replies.