2.4k questions

2.4k answers

97.9k users

2 Online Users
0 Member 2 Guest
Today Visits : 1631
Yesterday Visits : 1686
Total Visits : 2423893

Categories

Notice

Dear All, These are my answers from Quora and primarily Google; please check the answer and from others sites; the answers are free and without any liability.To make a decision, write down all of the positives and negatives on a piece of paper.Thank you,

Elias Katsaniotis, MSc

Information

Viktoria Katsanioti,

Kaliningrad,

Russia,

matizegr@yahoo.com

0 votes
49 views

How do I fix mobile visibility issues in WordPress?
in WordPress by

1 Answer

0 votes

  1. Mobile Usability report in Google Search Console.
  2. Text too small to read.
  3. Clickable elements too close together.
  4. Content wider than screen.
  5. Viewport not set [to “device-width”]
  6. Uses incompatible plugins.
  7. Validate fix in Search Console. (from google)

see you may

  1. use a responsive theme like a bootstrap theme
  2. use the visibility : hidden

visibility - CSS: Cascading Style Sheets | MDN

The visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a .

https://developer.mozilla.org/en-US/docs/Web/CSS/visibility

3. control blocks and images and decide what is going to be shown on each size screen

Changing the visibility of an element in different screen sizes - WordPress Websites For Businesses, Artists, Bloggers Shops And More

How to hide an element in different screen sizes? One of the Elementor’s responsive options is Hiding an element for a certain device size and making it Visible for the others. This is really a striking feature if you want to make your site more responsive. In order to change the visibility of an element in different screen sizes: 1. Add a […]

https://themes.artbees.net/docs/changing-the-visibility-of-an-element-in-different-screen-sizes/

(this was an elementor case)

4. How to see what is shown in every size

How do I use Google DevTools?

From the Chrome menu: Open the Chrome menu and go to “More Tools” > “Developer Tools.” Finally, you can right-click (Windows) or Ctrl-click (Mac) anything on a web page and select “Inspect Element” to open Developer Tools. The Developer Tools panel will open in whatever web page you're on.Is a big topic and I wrore a lot, sercah articles, Youtube videos and more, a good solution is to use a responsive theme.

by
...