TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,947
  • Latest: sgm09
Stats
  • Total Posts: 195,764
  • Total Topics: 21,279
  • Online today: 369
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 356
  • Total: 356

Blocks/columns on front page vs forum

Started by jernatety, May 28, 2018, 12:52:09 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

tino

I guess its the same issue you had with the comment box, the same fix should work if you target the youtube div.

jernatety

Quote from: tino on May 30, 2018, 07:21:09 PM
I guess its the same issue you had with the comment box, the same fix should work if you target the youtube div.

It's definitely something to do with the panels. I posted another youtube video and it looks fine when you're looking at it on the phone in it's topic, but that's because there's no panels in the forum. If I promote it to the front page and have any panels on, left, right, one or the other, both. Doesn't matter, it breaks responsive. The code edit doesn't change anything.

tino

Have you tried the later version of the responsive curve mod?

https://www.simplemachines.org/community/index.php?topic=535718.msg3973582#msg3973582

I also don't see anything in your css targetting the div where the post resides. So I guess you removed it?

jernatety

Quote from: tino on June 01, 2018, 01:48:08 PM
Have you tried the later version of the responsive curve mod?

https://www.simplemachines.org/community/index.php?topic=535718.msg3973582#msg3973582

I also don't see anything in your css targetting the div where the post resides. So I guess you removed it?

Sorry, should've mentioned. I tried that before with the panels enabled, one off, one on etc. and it didn't change anything. So I removed it. No chance I'm installing the new version of responsive curve. Every test fails but 3

tino

If you try an article with a youtube video in it does it have the same issue?

You'll probably have to turn the wysiwyg on to embed a youtube video in an article.

jernatety

Quote from: tino on June 01, 2018, 03:00:56 PM
If you try an article with a youtube video in it does it have the same issue?

You'll probably have to turn the wysiwyg on to embed a youtube video in an article.

Hi Tino, yes. I embedded a video on my rink directory all the way at the bottom. I have left panel enabled. I just used the youtube iframe embed code so I didn't have to turn on WYSIWYG editor.

https://www.youthhockeyinfo.com/index.php?page=rink-directory

tino

That's not doing it the way that the TinyPortal one does it mind.

If I add the css
        .post_wrapper
        {
                max-width: 90vw;
                overflow: hidden;
        }


Just under where I added the one for the quickReplyOptions in the responsive.css I don't get the issue. It's only showing on chrome again.

jernatety

Quote from: tino on June 01, 2018, 03:11:50 PM
That's not doing it the way that the TinyPortal one does it mind.

If I add the css
        .post_wrapper
        {
                max-width: 90vw;
                overflow: hidden;
        }


Just under where I added the one for the quickReplyOptions in the responsive.css I don't get the issue. It's only showing on chrome again.

On my phone with the css added, yes Chrome still doesn't get fixed.

Firefox however does get fixed and is responsive but the youtube video is literally cut in half. It only shows the left side of the video to the middle. Anything from the other side of the middle to the right is completely gone.

tino

I don't get the issue in chrome on my phone. See the attached. That's with the two side panels enabled.

jernatety

Quote from: tino on June 01, 2018, 03:26:46 PM
I don't get the issue in chrome on my phone. See the attached. That's with the two side panels enabled.

Isn't yours an iPhone?

This website is proudly hosted on Crocweb Cloud Website Hosting.