Prevent Show Simplified View Prompt Or Work With Simplified View On Chrome

I have a website which looks good if viewed the way I designed it. Every time I visit it from Chrome on Android, I am given a prompt along the bottom of the screen to 'Show Simplif

Solution 1:

Replace P tags with div in your page. this mode is also known as Reader mode. Probably this answer might help you.

Solution 2:

The answer I found for this was to change the font size based on the media width, and once the font size was big enough to be readable on the mobile device I was using, it stopped suggesting the simplified view. The exact code used was:

@media (max-width: 540px) {
    body {
        font-size:18px!important;
    }
}

Simple enough.

Solution 3:

Also check your viewport settings for mobile devices. I received this popup when I changed the initial scale of the viewport to 0.6.

Basically Google recognised that the font size is too small. Looks good to me but probably not for visitors without perfect eyesight.

<metaname="viewport"content="width=device-width, initial-scale=0.6, maximum-scale=2">

In this case, changing initial-scale=1 will fix this

Solution 4:

A much better solution I ended up with

p { display: table; }

Just change the paragraphs to any of the generic blocks in my case I made it a table.

Solution 5:

Show Simplified Views prompts when there is more text, Chrome prompts if it thinks it is a paragraph website where user is to read (by detecting texts (more than 700 approx)

If you truncate or remove texts, and make it less. Chrome won't prompt.