Home>Support>Hamburger not visible on mobiles, says Google

Hamburger not visible on mobiles, says Google

By Jessop, 3 years ago. Last reply by Alex S, 3 years ago.

Sure enough, I now see that I have to swipe to the left to bring the hamburger into view. However, the main body of the site fits nicely to the mobile screen.

Can I correct this so the hamburger is immediately visible, please?

<a href="http://http://www.westsussexphilharmonicchoir.org.uk/” rel=”noopener” target=”_blank”>My site

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 years, 20 days ago Alex S Hi, I Work Here

    Hi Jess,

    I’ve had a look at your website and unfortunately, I can’t seem to replicate this issue – I tried replicating this issue with a Pixel 2 XL and an iPhone 8. Can you please show me a screenshot of what you see when you first load your page and a screenshot of the reported Google error – which tool are you specifically using?

    Please note that we’re currently unable to process attachments so you’ll need to upload the screenshots to a third party image hosting site like Imgur or vgy.me.

  2. 3 years, 20 days ago Jessop

    Alex

    A screen shot from my Samsung Galaxy A8 phone (after I swiped it to the right), is now on https://vgy.me/Ik9mg6.jpg

    Without swiping the mobile screen, I can’t see the hamburger. The same happens when I view the website with the phone turned on its side.

    Google said:
    “To owner of http://www.westsussexphilharmonicchoir.org.uk/,

    Search Console has identified that your site is affected by 1 new Mobile Usability related issue. This means that Mobile Usability may be negatively affected in Google Search results. We encourage you to review and consider fixing this issue.

    New issue found: Content wider than screen”

    I have tested the website on several of the free mobile test sites on the internet and there was no problem!

    Except that Google drew it to my attention, saying ‘Content is wider than screen’, I would blame the settings on my phone. And, yes, I did check those settings to see if it was possible to alter this.

    Al

  3. 3 years, 20 days ago Alex S Hi, I Work Here

    Hi Jess,

    Thanks. The menu will always be the full width of the page and isn’t the direct cause of this issue. Instead, the two emails you’ve added to the page are. I know that may sound really weird but a very long word can cause the page to extend larger than the width of the device. To avoid this, please open the SteOrigin Editor widget used to add the emails on your homepage and head over to the widget styles sidebar. Open the Attributes settings group and add the following CSS to your CSS Styles field:

    white-space: pre-line;
        word-break: break-all;
    

    Save. How does that look?

  4. 3 years, 19 days ago Jessop

    Thank you, Alex. That did it and I will remember that tip for the future.

    Al

  5. 3 years, 19 days ago Alex S Hi, I Work Here

    Hi Jess,

    No problem, happy I could help. Happy New Years! :)
    Please be sure to post another thread if you have any other questions.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More