Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #236497

    Hi there,

    Three things I’d like some help with if possible (related to this site http://sandfordawards.org.uk/ ):

    1) The mobile menu doesn’t seem to display at all when viewing my site on a iOS device. It does appear to behave as expected when you reduce a browser window down to the relevant break-point. But at the moment users on mobile phones (tested on iPhone 4s) are unable to navigate round the site at all – it just doesn’t appear.

    2) The header logo is getting cut off in responsive view (I’ve some custom css that increases the size of both the logo and the header) – could you suggest a fix for the chop-off please?

    3) The homepage slider is pretty much unusable on a smartphone. I can easily hide it, but wondered whether you could suggest a fix?

    Thanks very much!
    Dan

    • This topic was modified 10 years, 9 months ago by danno99uk.
    #237004

    Hi Dan!

    Please update Enfold to the latest version 2.6.1 ( see – http://kriesi.at/documentation/enfold/updating-your-theme-files/ ) and check if that helps. If not, let us know so we can assist you further

    Best regards,
    Yigit

    #237043

    Thanks Yigit – I’m already using 2.6.1, in fact this problem only start after I upgraded yesterday (although the carousel was always iffy).

    I can provide a admin logon if that would help?
    Dan

    #237075

    I’m experiencing the same problems too. Mega menu / Ubermenu sub menus not working at all on mobile (Apple iPhone) and logo is getting cut off. Hopefully this will be investigated ASAP so a solution ca be found.

    Thanks,

    #237235

    I was seeing some other strange things too and I disabled by WP super cache and the menu DOES show now. So that was clearly to blame – “designprime”, might want to check if you’re using any caching plugins yourself.

    The other points are still salient however. Seems like alot of people are having ‘cut-off’ logo problems, it would be helpful to have a bit of documentation around the logo and the changes that happen at the mobile phone breakpoint, and it seems to shrink things overly OR cut off bits of people’s branding image.
    d

    #238434

    Hi!

    I’m not seeing any cut off on the site you referenced. If you were using a caching plugin you would need to completely clear its cache after the update to make sure there were no major issues.

    Right now though in testing i’m not getting any issues.

    Cheers!
    Devin

    #238674

    Hi Devin – yes I removed my css changes that was making the logo larger on the smallest break-point (because it was cropping)..
    It seems to me that several people are not happy with the very small size the mobile phone breakpoint is causing and have trouble with ‘cropping’ of the larger image after they have written CSS overrides.

    It would be useful to have some documentation about ‘how to make your logo bigger (not get squished) on mobile phone rendering’. That’s the crux of it really.
    thanks!

    Dan

    #238693

    Hey!

    Maybe, this will make the logo on mobile view better:

    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img, .logo {
    max-width: 90%;
    overflow: visible;
    }
    
    .responsive .mobile_slide_out .logo img, .logo a, .logo {
    margin: 0;
    width: 200px;
    height: 200px !important;
    max-height: 200px !important;
    }
    
    .responsive #header_main .container {
    height: 200px !Important;
    }
    }

    Add the code at the very bottom of Quick CSS.

    Cheers!
    Ismael

    #238747

    Great, sorted! Thank you for the support, much appreciated.
    D

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mobile menu issues since upgrade’ is closed to new replies.