Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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
    Kristina

    #1087908

    Hallo 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
    Michael

    #1088755

    Hi,

    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,
    Yigit

    #1089053

    Hi 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?

    http://www.kristinaknapp.de

    I have a second problem with the burger menu. I add another request.

    Thanks and regards
    Kristina

    #1089155

    Hi,

    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,
    Yigit

    #1096530

    I made a slider with the full screen slider.
    But is it possible to scale it responsive?
    On mobile you can’t see the logo

    #1097166

    Hi 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,
    Victoria

    #1097684

    Hi Victoria

    I tryed both ways.
    But no succes.

    I hoop you can help me find a solution

    thanks in advance

    Bert van Meteren

    #1098394

    Hi sqzi,

    I changed the css for you. Please check now.

    Best regards,
    Victoria

    #1098406

    Hi 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

    #1099204

    Hi 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,
    Victoria

    #1099220

    Hi Victoria,

    I put de code in the Quick CSS.
    Sorry it didn’t work?
    Is there an other solution?

    Thanks in advance,

    Bert

    #1099938

    Hi Bert,

    I added the code for you. Please check.

    Best regards,
    Victoria

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.