[Resolved] css issue

Please login to receive premium support.

Support for the free plugin can be found here.

This topic has 4 replies, 2 voices, and was last updated 3 years, 3 months ago by Tom.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
June 19, 2020 at 2:40 am #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?
June 19, 2020 at 3:34 pm #16741

Tom
Keymaster

Hi there,

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

Just be sure to mention this topic.

Thanks!

June 22, 2020 at 9:46 am #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.
June 22, 2020 at 9:57 am #16802

paul
Participant

That worked – thanks

June 22, 2020 at 10:14 am #16808

Tom
Keymaster

No problem 🙂
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.