Canvas Support

Mobile View Pinches the Logo, and Countdown blocks Disappear, and HTML Video....

2 replies · opened Jan 18, 2018

CCincpoaJan 18, 2018

Just when I thought it was going to be a good day.

Turning the iPhone sideways to landscape orientation, everything lays out perfectly, but not in vertical orientation. What gives?

Also, I prefer the look and function of the pop-up HTML video as opposed to having Vimeo smiley faces all over the page. On my local site, the videos function perfectly in the frame but online, I get only a small black rectangle at the center of the frame -- if I click it, then the video will play. Is this Apple's block on autoplay interfering with function? I never did get it to play on the iPhone.

http://2f23marines.com/Expedition2018

SSemicolon WebSTAFFJan 23, 2018

Hello,

Thanks for your Patience!

  1. To fix the Logo, use the following CSS:
.device-xxs #logo img {
	height: 44px;
	margin-top: 28px;
	margin-bottom: 28px;
}
  1. Please add the following CSS Code to fix the Countdown Issue:
@media (max-width: 479px) {
	.parallax .entry-overlay { margin: 0 !important; }
}
  1. Yes, the autoplays are blocked by Apple and clicking the Play Button is required to play the Videos.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

CCincpoaJan 25, 2018

Done! Outstanding. Thank you and well done.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard