-
AuthorPosts
-
September 30, 2014 at 11:12 pm #327703
Hi,
My header menu is overlapping the logo of my site and I’m not sure what to do about it.
I tried adding this code to the quick css:@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_slide_out .logo img {
margin: 0;
max-height: 80px !important;
top: 2px;
}
}Is there something else that I’ve missed? Or could my other quick css instructions being conflicting?
thanks,
AmySeptember 30, 2014 at 11:40 pm #327726Hi Amy,
Can you please hand us an account? post it here as a private reply.
Regards,
JosueOctober 1, 2014 at 12:51 am #327778This reply has been marked as private.October 1, 2014 at 11:18 am #327967Hi!
I checked the site but I’m still not sure why the mobile menu is not showing. Did you modify anything on the theme files? Please try to deactivate all plugins then download the latest version of the theme, Enfold 3.0. Update the theme via FTP.
Best regards,
IsmaelOctober 1, 2014 at 4:19 pm #328232Hi Ismael,
I updated the theme. The spacing on the iPad menu fits better now, but content is cut off slightly at the left and right edges.
Checked the iPhone and still no menu.
Thoughts?thanks for your help,
AmyOctober 1, 2014 at 5:46 pm #328330Hello,
Okay, seems the iPhone menu is now up. yay!
Now, the header Menu on both iPad and regular site are overlapping the logo. argh.
I also have some content that has been done in tables and it doesn’t want to slide across on the iPhone or the iPad.
thanks,
AmyOctober 1, 2014 at 5:49 pm #328335Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav > li > a { padding: 0 6px; }
Then, Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Regards,
YigitOctober 12, 2014 at 2:21 pm #334494This reply has been marked as private.October 13, 2014 at 7:40 am #334676Hey!
@tremblayly: I checked the site and the main menu is there. Please remove browser cache then reload the page.Regards,
IsmaelOctober 13, 2014 at 5:46 pm #335065Hi Ismael
I used my iPad this time. Never been on the site before. When I look at the site vertically, I don’t see the main menu, when I flip horizontally, I see the menu options.
So clearing the cache this not fix the problem.
Regards,
LyseOctober 14, 2014 at 7:52 am #335406Hey!
Can you please provide a screenshot of the issue? The mobile menu is showing up when I checked it. Please try to remove the iPad’s browser cache then check it again. This is how it looks on tablet: http://quirktools.com/screenfly/#u=http%3A//lysetremblayjewelry.ca/&w=768&h=1024&a=22
Cheers!
IsmaelOctober 14, 2014 at 12:58 pm #335544Hi Ismael
But your screeenshot is missing some menu options. The last one is “shop” and there are four more not listed.
LyseOctober 15, 2014 at 5:00 am #335916Hi!
I’m not sure I’m following you. The last menu item on the main menu is Resources and it is there along with the Shop menu item when you clicked the mobile menu. Do you mind providing a screenshot of the missing items?
Cheers!
IsmaelOctober 15, 2014 at 1:40 pm #336117Hi Ismael
Here’s a screenshot of the menu I see on my ipad ipadHere’s a screenshot of the menu I see on my iphone: https://www.dropbox.com/s/18rwpaa06yzgn1n/iphone%20screenshot.PNG?dl=0
Both are menus stop at SHOP…
Lyse
October 15, 2014 at 8:32 pm #336365Hey!
Please change following code
.avia_mega_div.avia_mega5.twelve.units { left: -500px !important; }
to following one
@media only screen and (min-width: 990px) { .avia_mega_div.avia_mega5.twelve.units { left: -500px !important; }}
Best regards,
YigitOctober 15, 2014 at 10:57 pm #336432Hi Yigit
That worked!
Thank you so much
Lyse -
AuthorPosts
- The topic ‘Enfold Menu is overlapping on iPad and not showing up on iPhone’ is closed to new replies.