Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 19, 2018 at 9:33 am #1035085
    elskeletto1

    Hi guys,

    an issue appeared with the masonry post excerpt while testing the responsiveness of my website on different devices.

    The excerpt under the headline is displayed on every device and every view, except the tablet portrait view, which means:

    Desktop: yes
    Tablet portrait: no (the issue), Tablet landscape: yes
    Mobile portrait: yes, Mobile landscape: yes

    What can I do to make the excerpt also be displayed on the tablet portrait view?

    • This topic was modified 6 years, 1 month ago by elskeletto1.
    November 20, 2018 at 5:20 am #1035414
    Rikard

    Hey elskeletto1,

    Where can we see and reproduce the problem?

    Best regards,
    Rikard

    November 20, 2018 at 8:06 am #1035461
    elskeletto1

    Hey Rikard,

    The website is under construction, but it is online. You can see it here:

    https://www.geschenkefund.de

    Explanation:
    The price and the stars come from the excerpt field in the post. So this is the excerpt which is not displayed on the tablet portrait view. Furthermore, I added an additional column to the masonry. It can now have 7 columns instead of 6.

    I checked my quick CSS but there is no media query which could cause this effect.
    I have some masonry-CSS above the media queries affecting all views. It is weird that the excerpt only disappears on the tablet portrait view.

    November 21, 2018 at 2:06 pm #1036053
    Ismael

    Hi,

    Thanks for the update. I can’t reproduce the issue on my end. The excerpt is visible on tablet screens. Is this fixed?

    Best regards,
    Ismael

    November 21, 2018 at 3:01 pm #1036087
    elskeletto1

    Hi Ismael,

    the issue is not fixed yet. I think it depends on the tablet type if you can see the issue. I tested the website with a Samsung tablet. Anyway, you can see the excerpt (price and stars) disappearing when you slowly reduce the size of your desktop browser window to tablet portrait size.
    The excerpt disappears with 3 masonry posts in a row. This should not happen to make that the excerpt is displayed constantly on all devices.

    Best regards
    Michael

    November 22, 2018 at 11:19 am #1036438
    Ismael

    Hi,

    Thanks for the update. I can see the issue now. Use this css code to redisplay the masonry content on that screen size.

    @media only screen and (max-width: 989px) and (min-width: 767px) {
.responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
    display: block;
}
}

    `
    Best regards,
    Ismael

    November 22, 2018 at 12:08 pm #1036474
    elskeletto1

    Hi Ismael,

    thank you, it works. The excerpt is now displayed constantly.

    Best regards
    Michael

    November 22, 2018 at 2:54 pm #1036531
    Victoria

    Hi Michael,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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