-
Posts
-
I can mimic the LayerContainer option by adding this to the CSS:
#top .ls-gpuhack {left: 15% !important;} #top .ls-l {left: 15% !important;}However, it is not responsive – it doesn’t stay in line with the logo & the text (left-aligned).
I can alter the media queries:@media all and (max-width: 480px) and (min-width: 320px), (min-width: 1151px) { #top .ls-gpuhack {left: 15% !important;} #top .ls-l {left: 15% !important;} }which works, but doesn’t rescale at the same rate as the avia framework. How do I do this?
Hey martinbelton!
Thank you for using the theme!
Why do you need an alternative way to accomplish the Layers Container option? Do you mind if we take a look at the actual website?
Best regards,
IsmaelThe layers container option isn’t responsive in relation to the main page container. It is not aligned.
My site in (very early) progress is here. But this is what I would like to achieve with the alignment in terms of the text. If possible though, I would like it to be actual **** text rather than an image, and to exist within the slider itself, so that it aligns with the logo on the left, and the image stretches full screen.
****The text would really have to automatically resize with window size, or resize using CSS such as
h1 { font-size: 5.9vw;} h2 { font-size: 3.0vh;} p { font-size: 2vmin;}
Hi!
Thank you for the update.
The Layers Container should work just fine. Please set the Layers Container option to 1030 then set the Responsive Under option to 9999 to force the slider to use the responsive mode. Test it by adding a layer without any options. You’ll see that it will align with the content properly.
Cheers!
IsmaelSomething very strange happens when I put 9999 for the Responsive Under option (see screenshot). I have managed some sort of fix here (hashed together out of colour-sections, images and text) that simulates what I am after in the Layer Slider – much more work than the Layer Slider though! Do you know what the issue is? If I don’t put “9999” in Responsive Under section, the slider behaves as I would wish above screen width 1140px. As soon as media queries kick in, it goes a bit strange …
Hi!
This is how it looks on my end currently – http://youtu.be/-aaHh7Dyr6s
Problem solved?Regards,
YigitYes, but this was achieved though media queries & color section rather than with the Layer Slider directly (note the cropping / zooming of the image in between jumps – not ideal, but manageable in this case).
Is there any way of achieving this using only the layer slider? (The problem seems to be to marry up the full-width background image with the container-sized text section – both resize at different rates if automated with the layer slider.)
Hey!
As far as I know the LayerSlider settings alone will work. The theme demo for example has nothing special but responds all the way down.
The most important thing is setting up the content to work within the Layers/Slider so that they are right up next to the edge and at risk of getting slightly out of line.
The Layout settings for me that work without issue for the big demo slider that the demo data comes with are:
Best regards,
Devin
- You must be logged in to reply to this topic.