Page not rendering on Mobile readers
-
Recently my post does not seem to render properly on a mobile browsers, part of the post keeps disappearing – especially if u enter ‘Reader view on Safari’
here is a link to my post
https://passageenclave.wordpress.com/2020/09/18/mysterious-rocks-amp-fishy-tales-vengurla/ -
Hi there,
The issue is probably occurring because you have mobile theme option is enabled.
The theme that you are using (Baskerville 2) is a mobile-friendly theme. Could you please check if you have the “Enable mobile theme” option is set to “Yes” here: https://passageenclave.wordpress.com/wp-admin/themes.php?page=mobile-options
If the option is set to “Yes”, please change it to “No”.
This should solve the issue. Let me know if you have further questions. 🙂
-
Hi, The mobile friendly theme was enable “yes” I have changed it “No” Even after that when I tested it in Safari – the first half of the content disappears and it show a couple of para’s below.
You can check this post – https://passageenclave.wordpress.com/2020/09/18/mysterious-rocks-amp-fishy-tales-vengurla/ -
Also can u comment on – that when mobile friendly theme is activated – the page loads fasters- which results in a better placement and acceptance by google search engines.
I have now deactivated it – changed it to “No” as per your advice. -
Hi Dean,
Even after that when I tested it in Safari – the first half of the content disappears and it show a couple of para’s below.
Could you please share the screenshot? I am not seeing any issue at my side: https://imgur.com/75AFCIR
when mobile friendly theme is activated – the page loads fasters
That option is only for themes that are not mobile friendly. The theme you are using (Baskerville 2) is a mobile-friendly theme, so you don’t need that option to be enabled.
In addition, WordPress.com built-in themes can be used which are all developed to the highest standard and will not contribute to the slowness of a website. WordPress has multiple layers of caching and optimization done on the back-end to ensure your site loads quickly all over the world.
The most important point to be aware of is to avoid creating pages or posts with hundreds of unoptimized images, which will definitely contribute to a slow-loading site. If a post or page has to be more image-heavy, then please follow Image Optimization support guide to make sure your images are optimized for web viewing.
You can also enable AMP for your website from here: https://wordpress.com/settings/performance/passageenclave.wordpress.com
However, for all WordPress.com sites, AMP is enabled by default. The main advantage to AMP is a fast-loading mobile experience. All of your site’s blog posts (front page, archives and pages aren’t currently supported) will have dynamically generated AMP-compatible versions.
Read more about AMP here: https://wordpress.com/support/amp-accelerated-mobile-pages
-
Thanks for detail post, will come back to mobile optimisation later. Lets fix the issue on reader view on Safari first, below is a video of how the site renders incomplete – txt para’s are missing from the top and below -check the video link. below
-
Hi Dean,
The reader view working correctly for browsers like Firefox and Edge. Also, I have found that the reader view is working correctly in Safari (Mac) for some posts like this one.
I have inspected the posts and found some differences between the post that is appearing perfect in the reader view and the post in which some paragraphs are missing in the reader view.
To clear this confusion, could you please send me the screenshot of editor with “Code editor” enabled for this post?
To enable the “Code editor” please follow this video: https://imgur.com/a/RGFBnmz
-
below is the code
<!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>I believe rocks are like time machines, recording all of history as it plays out over millions of years. And if they could communicate or we could listen, then there could be some strange tales to tell.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>From the first time I saw the Vengurla rocks, their mysterious aura fired my imagination. Some of them are large black boulders, bent over and full of muscle. While others are big enough to be islets, some are small enough to be just rocks, peeping out like jagged teeth from the deep. And these rocks do give an impression of crouching animals.<br><br>The Vengurla archipelago lies off the coast of Maharashtra, near Goa. It consists of about 20 largish rocks which are located about 8kms out at sea, and the smaller ones stretch up the coast to Malvan. The tallest island is about 180-200 feet and sports a lighthouse with a white fixed-light 110 feet high. Flashes from this light can be seen for about fifteen miles. All the rocks are quite bare and some are covered with clusters of a coarse tangled jointed grass.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Over my numerous trips, I have come to befriend them and now I know them by their names, so let me introduce you to a few of my rocky friends.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:paragraph –>
<p>Grey Beard Rock</p>
<!– /wp:paragraph –><!– wp:image {“id”:149560,”sizeSlug”:”large”,”ampLayout”:”responsive”,”ampNoLoading”:true} –>
<figure class=”wp-block-image size-large” data-amp-layout=”responsive” data-amp-noloading=”true”>
<figcaption>Grey Beard Rock</figcaption></figure>
<!– /wp:image –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Depending on your direction, if you are heading in from the south-west, you will encounter our first rock – The old Grey Beard, crouching low among the deep waters, he leads a rather solitary existence. The grey look of this rock is largely due to bird droppings. Grey Beard manages to stay well over the hide-tide mark, except in the monsoon sea when the raging sea covers almost everything.<br><br>Around its immediate radius lurk big barracuda that are ready to pounce on anything that strays too close. We usually fish this rock in the late afternoon while on our way back. I have hooked into barracudas measuring well over 5 feet, who frequent the deep waters around Grey Beard.<br><br>I have often wanted to clamber upon this rock, but its barnacle infested base has made the landing treacherous. Alas, old Grey Beard has remained unconquered guarding the entrance to the Vengurla archipelago.<br></amp-fit-text></p>
<!– /wp:paragraph –><!– wp:paragraph –>
<p>Jaws</p>
<!– /wp:paragraph –><!– wp:image {“id”:149562,”sizeSlug”:”large”,”ampLayout”:”responsive”,”ampNoLoading”:true} –>
<figure class=”wp-block-image size-large” data-amp-layout=”responsive” data-amp-noloading=”true”>
<figcaption>The Jaws of Vengurla</figcaption></figure>
<!– /wp:image –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Broken and jagged, resembling shark teeth, this rock is aptly named Jaws. It’s got a distinctive purplish-green look, which is due to the mussels and algae that cling onto its surface.<br><br>The rock gets almost submerged in high tide. Surrounding it is a reef of smaller rocks that are deceivingly hidden from plain sight. If you troll too close you can get your fishing line/lure stuck or even worse wreck your boat. A couple of years ago, in bad weather, a fishing trawler ran aground on these sharp barnacle infested rocks, which completely destroy the boats hull, sinking it quickly. Thankfully the shipmates were able to clamber onto the rocks and hanged on there till help came. So Jaws although dangerous, is not ruthless.<br>This rock along with its reef is heaven for all fish. Trevallies often hang out on the outer edges of the reef, while big snappers hide close to the rock. Be sure to have a long leader on your fishing line or else you are bound to suffer cut-off’s.<br><br>Snapper Rock</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:image {“id”:149565,”sizeSlug”:”large”,”ampLayout”:”responsive”,”ampNoLoading”:true} –>
<figure class=”wp-block-image size-large” data-amp-layout=”responsive” data-amp-noloading=”true”>
<figcaption>Snapper roll</figcaption></figure>
<!– /wp:image –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Like Jaws, Snapper Rock remains partially submerged in high-water, and has deep water surrounding its northern side. On its southern tip, it is shallow and has mushroom coral growing at its bottom, which can see from above on a calm day.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>As its name suggests, it abounds with Red snappers, Mangrove Jacks, Golden Snappers, Finger Marks and Yellow-fin Trevallies. The water around is rough and sports a tinge of bluish green. Turbid swirls make this rock extremely dangerous. We once had a wave lift our boat clean out of the water and nearly onto Snapper Rock. But the fishing here is very rewarding, the best time to fish this place is early mornings on an upcoming tide when the sea is at its roughest. When it’s too calm the fish are rather shy as they can see your lure/hook/line in the clear water.<br><br>The Siblings</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:image {“id”:149568,”sizeSlug”:”large”,”className”:”is-style-default”,”ampLayout”:”responsive”,”ampNoLoading”:true} –>
<figure class=”wp-block-image size-large is-style-default” data-amp-layout=”responsive” data-amp-noloading=”true”>
<figcaption>The Siblings</figcaption></figure>
<!– /wp:image –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Along with other loners, these 2 rocks lay in open water. The bigger ones the brother, while the smaller is the sister and in between them lies a deep gully where big grouper and barracuda lay in-wait for any baitfish that may come along. If you happen to hook into a big grouper within the gully, there is a slim chance that you will land him, as he will dive and lock himself among the many crevices below.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>The brother rock is covered in bird droppings as its frequented by many seabirds including a rather large fishing eagle that seems to use it as a vantage point. Although the sibling rocks lie in isolated water, they have each other for company and seem to sport a cheerful and approachable aura. With the fishing eagle for companionship I reckon they make a merry group.<br><br>Burnt Rock</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:image {“id”:149570,”sizeSlug”:”large”,”className”:”is-style-default”,”ampLayout”:”responsive”,”ampNoLoading”:true} –>
<figure class=”wp-block-image size-large is-style-default” data-amp-layout=”responsive” data-amp-noloading=”true”>
<figcaption>Burnt Rock</figcaption></figure>
<!– /wp:image –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>As you approach the islands from the East you will see a cryptic masonry structure upended on a bare rock, named Burnt Rock. This was the first lighthouse built by the British in the early 1800s. Back in the day, the lighting apparatus that was to be installed did not reach there on time, and it was then decided to burn a log fire as a source of light. And out of the darkness came forth a large eerie flame, a warning, to those on the horizon “Danger lies about”. During the monsoon, there are eyewitness records of waves rising to 70 odd feet and more! Surging right over Burnt Island, submerging it completely.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Burnt Rock as reddish-yellow hue, (probably due to its mineral contents). The water around it is deep and dark, and in my experience devoid of fish. Something repulse seems to keep you from landing or approaching this rock. Probably its the violence it has witnessed from both man and sea that haunts this place.<br><br>Vengurla Lighthouse Rock</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:image {“id”:149573,”sizeSlug”:”large”,”className”:”is-style-default”,”ampLayout”:”responsive”,”ampNoLoading”:true} –>
<figure class=”wp-block-image size-large is-style-default” data-amp-layout=”responsive” data-amp-noloading=”true”>
<figcaption>Vengurla Lighthouse Rock</figcaption></figure>
<!– /wp:image –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>This is the largest rock in the Vengurla archipelago and has a lighthouse erected on it by a John Oswald, who was, then – in 1931 the chief inspector of lighthouses. This rock is much higher than Burnt Rock and this will hopefully keep the raging monsoon seas from washing over.<br><br>The Vengurla Rock is pierced from side to side by a huge tunnel-like cave, and about, the middle of the island, owing to the falling in of the roof; a shaft has broken down into the cave. On a high tide, the water rushes into these cervices and is then pushed up, spraying out from apertures at the side of the rock, like a geyser.<br><br>The fishing is always good around this rock and a range of species can be hooked here, ranging from Gaint Trevallies, small barracuda, snappers, groupers and in the old day’s Kingfish and Sailfish were often sighted and caught.<br><br>This rock has a dark history with humans. Back in the early 1960s were the homes built for the lightkeeper families. But, after a sequence of mysterious deaths and difficulties in providing timely medical help, families are now discouraged. The lightkeepers now stay in the bachelor’s quarters under the lighthouse and do not stray far after dark.<br>I have written a comprehensive post about the terrible happenings on the rock and you can read it here – The Devil & the Deep Sea<br><br>Bird Rock</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:image {“id”:149576,”sizeSlug”:”large”,”className”:”is-style-default”,”ampLayout”:”responsive”,”ampNoLoading”:true} –>
<figure class=”wp-block-image size-large is-style-default” data-amp-layout=”responsive” data-amp-noloading=”true”>
<figcaption>Bird Rock </figcaption></figure>
<!– /wp:image –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Towards the landward side, and not too far from the lighthouse is another large rocky islet, called Bird Island. It gets its name from being a nesting site for birds, particularly the Bridled Tern and Indian Swifts that breeds of the rocks post the monsoon. This rock, besides being covered by tufts of resilient grass, gives an appearance of being whitewashed at its bare points; an effect of thousands of bird droppings.<br><br>Bird Rock seems gentle and pretty but it surrounded by steep cliffs and jagged rocks On its landward side there are two caves, and entrances are extremely treacherous as you will have brave some rough water, and the razor-sharp barnacles that cling to the rocks there will shred your limbs away.<br><br>Large barracuda and GT’s (Giant Trevally) patrol the water here, feeding on the unfortunate Tern fledgelings that may fall into the water on their initial flights.<br> <br>The Loner</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:image {“id”:149578,”sizeSlug”:”large”,”className”:”is-style-default”,”ampLayout”:”responsive”,”ampNoLoading”:true} –>
<figure class=”wp-block-image size-large is-style-default” data-amp-layout=”responsive” data-amp-noloading=”true”>
<figcaption>The Loner Rock</figcaption></figure>
<!– /wp:image –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>The Loner lays in deep water on the eastern edge of the archipelago, It’s a sturdy rock and resembles a bent-over creature frozen in time. Like Grey Beard he seems to be an ancient watcher, faithfully observing everything that has transpired over millions of years. From the time the dinosaurs faded and the first homo sapiens appeared, the Loner knows it all. He also bears witness to how we have degraded our seas. Once sailfish and marlin were his companions today he would be lucky to be attended by a small school of barracudas.<br>The water around the Loner is extremely deep. Back in the day, I have caught some big barracudas here, which is the only fish, besides shark that seem to brave its open water surroundings.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:separator –>
<hr class=”wp-block-separator”/>
<!– /wp:separator –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>This ancient archipelago of Vengurla is fascinatingly mystifying and yet treacherous. Guarded threw the millennia by these sentient rocks these waters have faired well. However, they are now helpless against a new threat – the invasion of man and his greed.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:paragraph {“ampFitText”:true} –>
<p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Plagued by relentless over-fishing by trawlers, and the obtrusive misuse of dynamite has all but destroyed these reefs, plummeting the fish population by a 100 fold. Today there is no really fishing left for the angler, gone are the mighty shoals of Giant Trevally and barracuda. What’s left are only the lone rocks, an empty sea and my story.</amp-fit-text></p>
<!– /wp:paragraph –><!– wp:separator –>
<hr class=”wp-block-separator”/>
<!– /wp:separator –><!– wp:paragraph –>
<p><br></p>
<!– /wp:paragraph –> -
Hi Dean,
Thanks for sharing the code.
I found posts like this one don’t have the code
{“ampFitText”:true},<amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>Your Paragraph.</amp-fit-text>, and they are appearing perfect in the reader.The reader is not displaying only those posts that above code in the paragraph, and this might be a cause of the problem.
You can check one post after removing the code from paragraphs (for example, from this post).
So what you exactly need to do?
For example, I’m taking first paragraph from your this post:
<!– wp:paragraph {“ampFitText”:true} –> <p><amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>I believe rocks are like time machines, recording all of history as it plays out over millions of years. And if they could communicate or we could listen, then there could be some strange tales to tell.</amp-fit-text></p> <!– /wp:paragraph –>Now you need to remove
{“ampFitText”:true}
<amp-fit-text layout=”fixed-height” min-font-size=”6″ max-font-size=”72″ height=”80″>
and</amp-fit-text>lines from every paragraph to make it appear like this:<!– wp:paragraph –> <p>I believe rocks are like time machines, recording all of history as it plays out over millions of years. And if they could communicate or we could listen, then there could be some strange tales to tell.</p> <!– /wp:paragraph –>This is how I resolved a similar issue a few months ago and it should also work for you. 🙂
- The topic ‘Page not rendering on Mobile readers’ is closed to new replies.
WordPress.com Forums 