8 replies · opened Sep 13, 2019
Hi ! I’m using the http://themes.semicolonweb.com/html/canvas/demo-photographer.html page with fullscreen background and Flexslider. On mobiles and pads it appears a white header and the slider’s height it shrinks. Can I disable this responsive feature? Thanks !
I have attached the example:
Hello,
This is Definitely Possible!
Add the .transparent-header-responsive Class to the #header Element.
Add the .force-full-screen Class to the #slider Element together with the .full-screen Class which will keep the Slider Full Screen on Mobile Devices as well.
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.
Thanks. The white header dissapeared, but on mobile the fullscreen is not working.
You can check on this link: https://nhd.ro/szmolka3
Hello,
The classes you have added to the #slider Element is incorrect. Please find the following:
slider-element full-screen clearfix .force-full-screenand remove the dot (.) from in front of the .force-full-screen Class.
This will fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thanks for the quick reply. I just removed the dot (.) from in front of the .force-full-screen Class but is still doesn't work on mobile.
On large screen is ok.
It works with screens>767 pixels.
Hello,
Thanks for your Patience!
We have checked this out for you. Please make sure that you add the .force-full-screen Class to all the Elements inside the #slider Area that has the .full-screen Class.
This should fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
It works now ! Thanks !
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