Canvas Support

Page landing-3.html does not render in portrait mode Ipad Mini and Samsung Tab

7 replies · opened Oct 16, 2018

GGavinBaylisOct 16, 2018

As you can see from the attached the video embedded in the MacBook does not render in portrait mode.

Did have a client very excited over the concept - can this be fixed ?

Thanks in advanvce.

Gavin B

SSemicolon WebSTAFFOct 21, 2018

Hello,

Thanks for reporting this to us! There is a Minor CSS Bug which is causing this. Please find the following code in the css/responsive.css File: 

.col_last { float: none; }

.sidebar.col_last {
	margin-bottom: 0 !important;
	padding-bottom: 0;
	border-bottom: 0;
}

and replace it with:

.sidebar.col_last {
	float: none;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	border-bottom: 0;
}

This should definitely fix the issue. Hope this Helps!

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

GGavinBaylisOct 22, 2018

Ok that's great now have it all working and looking good on all platforms, portrait and landscape.

Thanks

SSemicolon WebSTAFFOct 27, 2018

Hello,

Can you please confirm if you are still facing an issue with this? Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

GGavinBaylisJan 9, 2019

Hi guys I thought I had fixed it as on my Ipad mini and Android LG g5 it was ok however I've been advised that in fact the problems are still there, especially with the popular Iphone 6 and 6S - even with the latest released update.

And you can see the issues with the Mobile/RWD Tester plugin for Chrome

If you look at http://themes.semicolonweb.com/html/canvas/landing-3.html there are a number of responsive issues, buttons not formatted and more important video not positioned in screen.

This is the development site http://new.thywill.co.uk/ and you'll see the same issues

Thanks

SSemicolon WebSTAFFJan 11, 2019

Hello,

Thanks for reporting this to us! This appears to be issue with the Bootstrap 4 update as the Columns are flexible. We are working on it and will release a fix soon. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

GGavinBaylisMar 6, 2019

Hi guys since I mailed you I see that there have been three more udpdates but still the problem remains?

On another note as I seem to be unable to raise a new ticket - what would you advise to be the best Slider to use to replicate this functionality as is on this existing site

http://thywill.co.uk/

as I want to move this old site design to Canvas.

So it's a a number of images with copy text next to the image as well as a video instead of a static image

SSemicolon WebSTAFFMar 7, 2019

Hello,

  1. The issues with responsiveness on the Landing 3 Template was fixed in the updates.

  2. You can consider using Owl or Flex Slider along with the usage of Bootstrap Grid: https://getbootstrap.com/docs/4.3/layout/grid/ for aligning your Images/Videos with Text Content.

This will definitely work fine. Hope this Helps!

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

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