Support Forum

Hi,
I had some trouble to set a responsive background image and to use parallax animate text...

For a responsive image I wrote this and it works fine with parallax filter ... but I cannot put text (animate parallax scale) on the image (background).

<div class=" uk-margin uk-text-contrast uk-text-center   "><img class="uk-responsive-width uk-cover uk-cover-background" src="//cdn.inspiretheme.com/images/lite1.png" width="1600" height="550 " data-uk-parallax="{grayscale: 100,viewport:0.5 }">


For the parallax text on the image i wrote this:

<div class="uk-margin uk-text-contrast uk-text-center uk-flex uk-flex-center uk-flex-middle" style="height: 380px; background-image: url('//cdn.inspiretheme.com/images/sfondo_3d1.png');" data-uk-parallax="{grayscale: 100,viewport:0.5 }">
<div class="uk-width-medium-1-2" style="transform: scale(0.72); opacity: 0.72;" data-uk-parallax="{opacity: '0,1', scale: '0,1', viewport: '0.5'}">
<h1 class="uk-text-contrast"></h1>
<h1></h1>
<h1 class="uk-text-contrast"><span style="color: #212121;">Portfolio</span></h1>
<p class="uk-text-large"><a href="/stampa-3d/portfolio"><span style="color: #212121;"> Vai alla Gallery</span></a></p>


This works genial, but backgound image isn't responsive.

I tried to give uk-responsive-width uk-cover uk-cover-backgrund to the second paragraph but it doesn't work ... image still not responsive ...

Any suggestion ?
Responses (3)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!