Support Forum

Simple:Press 6 General Topics

Video formatting issue on mobile

Page: 1 2

Video formatting issue on mobile

Alex T

Member

Offline

Jul 28, 2015 - 9:29 am

How can this be fixed? Videos are not being properly displayed.

Ike

Sawtry, UK

Member

Free Members

Offline

Jul 28, 2015 - 9:43 am

Hey Alex,

This was something that had hopefully been fixed in a previous version of Reboot.

Are you all up to date? If so could you supply a link?

Alex T

Member

Offline

Jul 28, 2015 - 9:59 am

Ike said
Hey Alex,

This was something that had hopefully been fixed in a previous version of Reboot.

Are you all up to date? If so could you supply a link?

Yes, all up to date. I'm using regular Reboot for mobile, and child for desktop. Just created a test post here: http://www.ohhtee.com/forum/gu.....ideo-test/

Ike

Sawtry, UK

Member

Free Members

Offline

Jul 28, 2015 - 10:11 am

That's a bit odd. I've checked that link in FF, Chrome and on my phone and all I'm getting is Reboot Desktop no matter what viewport size or user agent on desktop..

kvr28

Member

Free Members

Offline

Jul 29, 2015 - 7:43 am

this is what I am seeing on a galaxy s5

Alex T

Member

Offline

Jul 29, 2015 - 8:56 am

kvr28 said
this is what I am seeing on a galaxy s5

Sometimes they will show, though most get cutoff when on mobile. I use an Iphone. Is your browser set for mobile? Asking because it shows the side where stats are.

kvr28

Member

Free Members

Offline

Jul 29, 2015 - 9:55 am

Yes, set for mobile. Weird, I just went back to double check and reboot showed fine

Ike, the flex wrap seems to still be an issue with ios, I just double checked it with my ipad and see the same, I had noticed it after the update as well but forget to mention it on the reboot thread I had made.

Ike

Sawtry, UK

Member

Free Members

Offline

Jul 29, 2015 - 10:28 am

Thanks Kyle, I'm having no luck recreating this locally! Unfortunately I don't have any Apple devices to hand..

I too am now getting mobile theme, but it's only mobile theme, no desktop.. There's definitely something strange going on there!

Alex, could you try adding some CSS to test? If you're happy to, please open reboot-mobile.php. Under the very first media rule could you make some space and add:

#spMainContainer .spTopicPostSection .spPostSection,
#spMainContainer .spPostContentSection    {
    display: inline;
}

The start of the file should then look like:

@media screen and (max-width: 2000px) {

    #spMainContainer .spTopicPostSection .spPostSection,
    #spMainContainer .spPostContentSection    {
        display: inline;
    }

And let us know if it resolves the wrap issue?

Alex T

Member

Offline

Jul 29, 2015 - 12:02 pm

So I added the code:

@media screen and (max-width: 2000px) {
 
 #spMainContainer .spTopicPostSection .spPostSection,
#spMainContainer .spPostContentSection {
 display: inline;
}
 #spMainContainer .spGroupForumSection.spOdd,
 #spMainContainer .spForumTopicSection.spOdd,
 #spMainContainer .spMemberListSection.spOdd {
 color: &lt;?php echo($indexRowOddColor); ?&gt;;
 background: &lt;?php echo($indexRowOddBackGround); ?&gt;;
 border: &lt;?php echo($indexRowOddBorder); ?&gt;;
 }

Whereas before it was like this:

@media screen and (max-width: 2000px) {
 #spMainContainer .spGroupForumSection.spOdd,
 #spMainContainer .spForumTopicSection.spOdd,
 #spMainContainer .spMemberListSection.spOdd {
 color: &lt;?php echo($indexRowOddColor); ?&gt;;
 background: &lt;?php echo($indexRowOddBackGround); ?&gt;;
 border: &lt;?php echo($indexRowOddBorder); ?&gt;;
 }

Now the video is showing up normally, though the overall formatting has some issues: