Black Friday Sale! Get up to $30 off GP Premium! Learn more โž

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

Home Forums Support [Resolved] On desktop everything is fine, but on tablet and mobile not showing.

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

  • This topic has 9 replies, 2 voices, and was last updated 8 months ago by Ying.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1062671
    Santa

    Hi! Still working on a site. And just saw that the front pages posts are view able only on desktop. What could cause this and is it possible to fix it? Thank you very much!

    #1062786
    David
    Staff
    Customer Support

    Hi there,

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

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

    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.

    #1063528
    Tom
    Lead Developer
    Lead Developer

    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 ๐Ÿ™‚

    #1063790
    Santa

    Thank you very much, works great!

    #1064135
    Tom
    Lead Developer
    Lead Developer
    #1715221
    Charles

    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

    #1715687
    Ying
    Staff
    Customer Support

    Hi Charles,

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

    Have you solved it already? Let me know ๐Ÿ™‚

    #1715844
    Charles

    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

    #1715846
    Ying
    Staff
    Customer Support

    Glad you figured it out ๐Ÿ™‚

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.