[Resolved] css issue

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support css issue

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #16700
    paul
    Participant

    Hello,

    I have a weird issue – when using two Wpshowposts shortcodes on a page, the second group of posts does not display on mobile.

    I have found the offending css

    @media (max-width: 767px)
    .wp-show-posts-columns, .wp-show-posts-inner {
        margin-left: 0!important;
        margin-right: 0!important;

    When I remove the margins the posts are visible. No idea why this only affects the second block of posts.

    Also how do I add a private URL here?

    #16741
    Tom
    Keymaster

    Hi there,

    You can email us the private url: https://wpshowposts.com/contact/

    Just be sure to mention this topic.

    Thanks!

    #16800
    Tom
    Keymaster

    Hi there,

    This CSS is the issue:

    hr {
        border-top: 0px;
        border-bottom: solid 1px #d8d8d8 !important;
        width: 100%;
        float: left;
        clear: both;
    }

    Setting all hr elements to float left will likely cause a lot of issues, including ones like this.

    #16802
    paul
    Participant

    That worked – thanks

    #16808
    Tom
    Keymaster

    No problem 🙂

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