Canvas Support

Mobile Full Screen Hero

4 replies·opened Sep 17, 2018
J
Jackalope.PrintsSep 17, 2018

Is there a simple way to get the hero slider to go full screen on smaller screens? Removing the d-none and d-block doesn't do it.

S
SemiColonWebSTAFFSep 20, 2018

Hello,

Please provide us with a Live URL so that we can check out which Hero Slider you are trying to use and provide you with further assistance on 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.

S
SemiColonWebSTAFFSep 27, 2018

Hello,

We have checked out your Website. The best suggestion when using a Single Image in the Slider Area is simply consider using the example from the index-fullscreen-image.html Template. This is also Full Screen on Mobile Devices.

Additionally, to force a Container Full Screen on Mobile Devices, use the .force-full-screen Class along with the .full-screen Class. Example: 

<section id="slider" class="slider-element full-screen force-full-screen">

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.

J
Jackalope.PrintsSep 27, 2018

Perfect, Thanks for the help. I'll give that a try

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