Tagged: full screen slider, responsive
-
AuthorPosts
-
April 4, 2019 at 5:03 pm #1087136
Hallo,
der Slider der Startseite wird leider mobil so groß angezeigt, dass man gar nichts mehr sieht. Sieht aus wie eine riesige graue Wolke.
In den anderen Ansichten funktioniert es einwandfrei. Auch in der Entwicklertools Vorschau sieht es gut aus.
Ich hoffe es kann mir jemand helfen. Ich habe viele Codes aus anderen Beiträgen versucht aber leider ohne Ergebnis.
Danke + Grüße
KristinaApril 7, 2019 at 9:47 am #1087908Hallo Kristina
Hast du mal versucht, den Slider für mobil einfach auszublenden?
Ausserdem wäre es toll, wenn du hier einen Link zur Website posten könntest damit ich sehe, wie sich das ganze zurzeit präsentiert.Beste Grüsse
MichaelApril 9, 2019 at 5:48 pm #1088755Hi,
I added following code to Quick CSS in Enfold theme options > General Styling
@media only screen and (max-width: 480px) { .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li { background-attachment: inherit; }}
Please review your website
Best regards,
YigitApril 10, 2019 at 10:12 am #1089053Hi Yigit,
thanks for our help. With the fullscreen slider it didn’t worked for me and my iPhone.
I changed the element to “slide show” and now it worked with my mobile. But the view on mobile and desktop is the same.
That surprises me a lot. The theme is responsive, isn’t it? So why this view?I have a second problem with the burger menu. I add another request.
Thanks and regards
KristinaApril 10, 2019 at 3:26 pm #1089155Hi,
I added custom CSS code into the site in private content field. Have you checked it on mobile? On my iphone issue was fixed.
I checked if you started another thread but seems like you have not yet. We will look into it once you start it :)
Best regards,
YigitMay 2, 2019 at 5:19 pm #1096530I made a slider with the full screen slider.
But is it possible to scale it responsive?
On mobile you can’t see the logoMay 4, 2019 at 12:23 pm #1097166Hi sqzi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 480px) { .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li { background-size: 190%; background-repeat: no-repeat; } }
If you need further assistance please let us know.
Best regards,
VictoriaMay 6, 2019 at 2:20 pm #1097684Hi Victoria
I tryed both ways.
But no succes.I hoop you can help me find a solution
thanks in advance
Bert van Meteren
May 8, 2019 at 9:40 am #1098394Hi sqzi,
I changed the css for you. Please check now.
Best regards,
VictoriaMay 8, 2019 at 10:22 am #1098406Hi Victoria,
Thanks for exelent your support!
One question: is it possible to line the visual on above.
Now it is in the centre?Thanks in advanced
Bert
May 10, 2019 at 8:19 am #1099204Hi Bert,
Please try the code below instead:
@media only screen and (max-width: 480px) { .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] > ul > li { background-size: 190%; background-repeat: no-repeat; background-attachment: scroll; background-position: top !important; } }
Best regards,
VictoriaMay 10, 2019 at 9:25 am #1099220Hi Victoria,
I put de code in the Quick CSS.
Sorry it didn’t work?
Is there an other solution?Thanks in advance,
Bert
May 13, 2019 at 9:00 am #1099938Hi Bert,
I added the code for you. Please check.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.