fix: hide parallax img on small screens

This commit is contained in:
HarshKhandeparkar 2020-06-10 01:49:26 +05:30
parent 2d2b20ddfb
commit 08ded1b09b
5 changed files with 7 additions and 6 deletions

View file

@ -41,7 +41,7 @@
<!-- globalParallax -->
<div class="parallax" id="global-parallax">
<img src="../img/lbry_background_art.png" data-depth-factor="3" alt="bg-img" class="parallax-layer main-parallax-img" />
<img src="../img/lbry_background_art.png" data-depth-factor="3" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
<div class="parallax-mask"></div>
<div class="parallax-bg"></div>

View file

@ -14,6 +14,7 @@
<!-- /CSS DEPENDENCIES -->
<!--CUSTOM CSS-->
<link rel="stylesheet" href="../lib/css/index.css">
<link rel="stylesheet" href="../lib/css/article.css" />
<!--/CUSTOM CSS-->
</head>
@ -41,14 +42,14 @@
<!-- globalParallax -->
<div class="parallax" id="global-parallax">
<img src="../img/article-bg.jpg" data-depth-factor="3" alt="bg-img" class="parallax-layer">
<img src="../img/article-bg.jpg" data-depth-factor="3" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img">
<div class="parallax-bg"></div>
<div class="parallax-mask"></div>
<!-- globalParallaxContent -->
<div class="parallax-content">
<!-- jumbotron -->
<div class="jumbotron text-white" style="background-color: transparent;">
<div class="jumbotron text-white parallax-layer" data-depth-factor="4" style="background-color: transparent;">
<div class="container text-sm-center pt-5">
<h1 class="display-2" Ideas style="font-weight: bold;">Governance</h1>
<p class="lead">LBRY Is Owned by Everyone (And No One)</p>

View file

@ -53,7 +53,7 @@
<!-- globalParallax -->
<div class="parallax" id="global-parallax">
<img src="./img/lbry_background_art.png" data-depth-factor="3" alt="bg-img" class="parallax-layer main-parallax-img" />
<img src="./img/lbry_background_art.png" data-depth-factor="3" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
<div class="parallax-mask"></div>
<div class="parallax-bg"></div>

View file

@ -40,7 +40,7 @@
<!-- globalParallax -->
<div class="parallax" data-depth-factor="3" id="global-parallax">
<img src="../img/article-bg.jpg" alt="bg-img" class="parallax-layer main-parallax-img" />
<img src="../img/article-bg.jpg" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
<div class="parallax-mask"></div>
<div class="parallax-bg"></div>

View file

@ -35,7 +35,7 @@
<!-- globalParallax -->
<div class="parallax" id="global-parallax">
<img src="../img/article-bg.jpg" data-depth-factor="3" alt="bg-img" class="parallax-layer main-parallax-img" />
<img src="../img/article-bg.jpg" data-depth-factor="3" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
<div class="parallax-mask"></div>
<div class="parallax-bg"></div>