• Hello
    I am trying to solve this issue from the past one month but cant find any solutions
    when I run a google search console on my website I encounter 3 issues in the mobile usability header
    My website is https://booksstate.com/
    Please help me in this

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter hidaym

    (@hidaym)

    The three issues popping up are :
    Text too small to read
    Clickable elements too close together
    Content wider than screen

    Moderator threadi

    (@threadi)

    The Google Search Console also shows you which lines the errors refer to, for example. Especially with the font size, this would be a clue to enlarge the text in question.

    I tested 2 things:
    Once there is actually content that is too wide, even if only a few pixels.
    And I suspect the small font size is the price.

    Hence my suggestion for a solution:

    @media screen and (max-width: 959px) {
    	body.page.content-max-width .entry .alignfull {
    		margin-left: 0;
    		padding: 0 5%;
    	}
    	.wc-block-grid__product .wc-block-grid__product-add-to-cart, .wc-block-grid__product .wc-block-grid__product-onsale, .wc-block-grid__product .wc-block-grid__product-price, .wc-block-grid__product .wc-block-grid__product-rating {
    		font-size: 1.1em;
    	}
    }
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile Usability’ is closed to new replies.