Need Help With Errors And Mobile Button

[teddyjames23]

Hey everyone! I’ve got issues that need to be solved according to Google search console. First, “clickable elements too close together,” and second “content wider than screen.”

The mobile version dropdown cannot be viewed, what might have happened is a mystery as it was fine before. How can I fix this? Desktop version seems to be working fine.

On a fullwidth site what specifications should I stick to? Currently, it’s set at site max width 1200px and width of 88%.

Looking at my site, are there any other suggestions you could make?

Thank you!

Tj

[friech]

Hi Tj,

Thank you for writing in, your site max width (1200px ) and width (88%) is the default settings a lot of sites has that width, so more likely that is not the issue.

Content wider than screen, this report indicates pages where horizontal scrolling is necessary to see words and images on the page, but I don’t see any elements on your page that has this issue. Even the logo is fine, none of the elements is overflowing.

Clickable elements too close together, this report shows the URLs for sites where touch elements, such as buttons and navigational links, are so close to each other. The only elements that I am seeing with this possible issue are the Logo and mobile menu. You can increase the gap between these two elements by increasing the MOBILE NAVBAR BUTTON ALIGNMENT under Theme Options > Header

More details about Mobile-usability errors.

Also, please clear all your caching plugins/feature.

Cheers!