On desktop everything is fine, but on tablet and mobile not showing.

Hi there,

can you delete this code in the Customizer > Additional CSS:

@media (max-width:768px) {
    .wp-show-posts-inner {
        display: none !important
    }
}

Hi David! Thank you so much for pointing where the issue was! Can you please suggest how to make it look nicer on tablet smaller screens? For example ipad- it has some white space on the right side.

Give this CSS a shot:

@media (max-width: 1024px) and (min-width: 600px) {
    .wpsp-grid .wp-show-posts article {
        grid-column: span 4;
    }   
}

Let me know :)

Thank you very much, works great!

You're welcome :)

Hi Support,

https://map.silverstone-accommodation.co.uk/bandb/

In Google Chrome desktop - everything fine.
Tablet probably OK
Mobile the posts disappear.

As I have built a few sites using Generatepress and posts - I have not seen the posts disappear before, have I added or missed a tick box?

I have seen your CSS suggestion.

I did give it a try but no success.

The posts display using the WP Show Posts.

Any thoughts most welcome. - Solved content from next block wrapping in such away as to make it disappear.

Fixed by adding the css style="clear:left;" after the short code to display the map.

Kind regards

Charles

Hi Charles,

I just checked on my iPhone, the posts are there, everything looks fine.

Have you solved it already? Let me know :)

Hi Ying,

Yes the WP Google Map. Short code seems to require
<br style=”clear:left;”> after the code - with that in place the listings then display correctly on a tablet and phone.

Fixed by adding the css style=”clear:left;” after the short code to display the map.

I should have deleted the comment but then I thought this might be of help to others.

Yours sincerely

Charles

Glad you figured it out :)