Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • September 30, 2014 at 11:12 pm #327703
    ahirschel

    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,
    Amy

    September 30, 2014 at 11:40 pm #327726
    Josue

    Hi Amy,

    Can you please hand us an account? post it here as a private reply.

    Regards,
    Josue

    October 1, 2014 at 12:51 am #327778
    ahirschel
    This reply has been marked as private.
    October 1, 2014 at 11:18 am #327967
    Ismael

    Hi!

    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,
    Ismael

    October 1, 2014 at 4:19 pm #328232
    ahirschel

    Hi 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,
    Amy

    October 1, 2014 at 5:46 pm #328330
    ahirschel

    Hello,
    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,
    Amy

    October 1, 2014 at 5:49 pm #328335
    Yigit

    Hey!

    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,
    Yigit

    October 12, 2014 at 2:21 pm #334494
    tremblayly
    This reply has been marked as private.
    October 13, 2014 at 7:40 am #334676
    Ismael

    Hey!


    @tremblayly    : I checked the site and the main menu is there. Please remove browser cache then reload the page.

    Regards,
    Ismael

    October 13, 2014 at 5:46 pm #335065
    tremblayly

    Hi 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,
    Lyse

    October 14, 2014 at 7:52 am #335406
    Ismael

    Hey!

    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!
    Ismael

    October 14, 2014 at 12:58 pm #335544
    tremblayly

    Hi Ismael
    But your screeenshot is missing some menu options. The last one is “shop” and there are four more not listed.
    Lyse

    October 15, 2014 at 5:00 am #335916
    Ismael

    Hi!

    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!
    Ismael

    October 15, 2014 at 1:40 pm #336117
    tremblayly

    Hi Ismael
    Here’s a screenshot of the menu I see on my ipad ipad

    Here’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 #336365
    Yigit

    Hey!

    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,
    Yigit

    October 15, 2014 at 10:57 pm #336432
    tremblayly

    Hi Yigit

    That worked!
    Thank you so much
    Lyse

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Enfold Menu is overlapping on iPad and not showing up on iPhone’ is closed to new replies.