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

    As with most people, i’ve received an email from google about our mobile friendliness.

    This led me to see that the mobile menu appears on the page when scrolling right. I think this is a new thing as i’ve not seen it before. This means i’m getting the error that content is not sized to viewport. I saw on another post that the theme needed updating, which I have done, however the error has not gone away?

    Also this menu overlaps my logo on mobile portrait. Is there a way to move the menu button below the logo and central?

    I don’t suppose you can also give some tips and advice on how to sort out ‘touch elements too close’? is there some sort of padding code we can add somewhere?

    Many thanks,

    #415095

    Hi Coronacom!

    I replied to you in the other thread you posted in as well. Did you try to flush your browser cache and reload a few times, the issue you are referring to should be fixed in the version you are using.

    I’m not sure what you mean by the menu overlapping, I can’t see any problem on any screen size on the link you provided. Please highlight the issue with a detailed explanation and/or screenshots.

    Cheers!
    Rikard

    #415225
    This reply has been marked as private.
    #415241

    http://postimg.org/image/67fwr5gc1/

    it’s also on desktop as well

    #415674

    Hey!

    I can see the menu icon overlapping your logo, how would you like for it to be displayed?

    I cannot reproduce the issue with you seeing the menu to the right on any screen size. What steps are required to reproduce the issue?

    Regards,
    Rikard

    #416367

    can we make the logo smaller and keep it to the left hand side of the screen please?

    To re-produce the menu issue, visit the website on mobile and scroll across to the right.

    also when visiting the site on a desktop, use the arrow keys to move across to the right hand side also.

    Thanks,

    #416922

    Hey!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
      max-width: 80% !important;
    }
    }

    Try increasing/decreasing the value 80 for larger/smaller logo.

    I’m unable to reproduce the menu to the right error on any screen size, you are most likely still getting cached results when viewing the page. Please try a different machine or browser you have never visited the site with before or empty your cache, restart and reload a few times again.

    Regards,
    Rikard

    #417034

    thanks, the logo is fine now.

    I’m still able to reproduce menu error on google chrome and safari on multiple mobile devices.

    However the error isn’t occurring on the right hand side on any desktop browsers.

    #417061

    I’ve fixed it now. Was some other code in my quick css that was causing it.

    thanks for your help

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mobile advanced menu visable when scrolling right.’ is closed to new replies.