WPSTREAM CSS Issue and Mobile Compatibility

Hi,
on https://www.thenexgenusa.com/go-live-channels/ i see also the left padding but that is something it comes from your theme – in style.css at ine 523 you have
ul, ol {
margin: 0 0 1.5em 3em;
}

https://prnt.sc/iz-3_1YgjmrG – this seems like a list of player of channels players – If 2 ore more events are live in the same they will played in the same time and maybe this is not something you want

this https://prnt.sc/up9NjKynxa9P is the correct implementation – What you can is edit each channel and put a nice featured image. That image will replace our logo and will look much more professional.

Thank you

^

• This reply was modified 2 years, 2 months ago by wpstream.

Hi,
I want to embed a dynamic live player, So here it will show only that which is live at the current time. like this: https://prnt.sc/iz-3_1YgjmrG

Also, I have to improve the mobile view of your channel listing as it is not pretty and aligned.

Please see here the current mobile view: https://prnt.sc/Vv8pPpA7WvIS

I don’t think it is due to theme. While inspecting, I found this uneditable style code name user stylesheet

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

Hi,
That’s not from our plugin -however there is a independent issue with the event unit on mobile devices.

to fix both for mobile add this css code
@media only screen and (max-width:430px){
ul, ol {
margin: 0px;
padding: 0px 10px;
}
.wpstream_product_unit {
width: 100%;
}
}

this will be applied for resolutions lower than 430px . However i see other css issues that are not related with our plugin. You may want to investigate those.

Thank you

Hello there,

We hope we were able to provide a solution to your issue. If you do not have any other issues or concerns, this support thread will be closed in 2 days. Feel free to open another support ticket if you have further issues!

Best,
Beatrice