I'm not sure if I missed anything. My site doesn't show the slider in mobile view after I changed the image. Could you please let me know in where I missed the code? Thx.
Slider missing in mobile view
Hello,
This is because your Slider Area does not have any Content. Simply add the .force-full-screen Class to the .full-screen Element in the Slider Area.
This will definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.
Do you mean to change below code,
<div
class="full-screen
section nopadding nomargin noborder
ohidden" style="background: #FFF url
('images/pop/slide1.jpg'); background-
size: cover; background-position: center
center;">
to below?
<div
class="force-full-screen full-screen
section nopadding nomargin noborder
ohidden" style="background: #FFF url
('images/pop/slide1.jpg'); background-
size: cover; background-position: center
center;">
Hello,
Yes! Please find the following code on your Page:
<!-- Slider
============================================= -->
<section id="slider" class="slider-parallax full-screen">
<div class="slider-parallax-inner">
<div class="full-screen section nopadding nomargin noborder ohidden" style="background: #FFF url('images/pop/slide1.jpg'); background-size: cover; background-position: center center;">
</div>
<a href="#" data-scrollto="#section-about" data-easing="easeInOutExpo" data-speed="1250" data-offset="70" class="one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown"></i></a>
</div>
</section><!-- #slider end -->and replace it with:
<!-- Slider
============================================= -->
<section id="slider" class="slider-parallax force-full-screen full-screen">
<div class="slider-parallax-inner">
<div class="force-full-screen full-screen section nopadding nomargin noborder ohidden" style="background: #FFF url('images/pop/slide1.jpg'); background-size: cover; background-position: center center;">
</div>
<a href="#" data-scrollto="#section-about" data-easing="easeInOutExpo" data-speed="1250" data-offset="70" class="one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown"></i></a>
</div>
</section><!-- #slider end -->This will definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.
Great. It works thank you.
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