Okay
  Public Ticket #2007189
Responsiv Image mobile
Open

Comments

  • Marlene started the conversation

    Hello Team,
    on the mobile there is a huge gap between the Slide-Image and the line »Tel. +49 172 890 84 90 | info@marlenekerndesign.de«.  This gap is not to see when viewing the website in widescreen-format.

    Screenshots attached.

    Is there a way to change it? It's doesn't look good.

    Thanks, Marlene

    Attached files:  Bildschirmfoto 2019-05-11 um 11.50.10.png
      Bildschirmfoto 2019-05-11 um 11.50.21.png

  •  1,032
    Qode replied

    Hello,

    It is because you have parallax effect.

    Parallax effect is usually used on full screen and full width desktop screens. It is basically designed for those screens at first place. On the other hand, parallax effect behaves strangely on different mobile device, and there is no way to determine how will it act on those devices. Sometimes it may work properly on one device and it can be messed up on another. That is why we disabled the parallax effect on our themes by default for mobile/touch devices.

    Please check the option "Parallax on touch devices" in Qode > Parallax and set it to 'Off'. That should just display an image without a parallax effect of touch devices.

    5212172624.png

    Let us know did this fixed your problem. 

    Best Regards,

    Nicolas


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Marlene replied

    Hello Nicolas,

    thank you for your advice – I tried it, it's the same as before.

    Please see attached screenshot.

    Is there another possibility to improve?

    Thanks, Marlene

    Attached files:  Bildschirmfoto 2019-05-14 um 15.42.37.png

  •  1,032
    Qode replied

    Hello,

    Insert this custom css to Qode Options > Global options > Custom css

    @media only screen and (max-width: 480px) {
    div#qode-home-slider {
        height: 435px !important;
    } .title.title_on_bottom {
         height: 0 !important;
    }
    }

    It should be like this

    5818333467.png

    Let us knwo is this ok for you.

    Best Regards,

    Nicolas


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Marlene replied

    Hello Nicolas,

    thank you for your reply.

    It helped and looks good!

    Thanks a lot!

    Kind regards,

    Marlene

  •  1,032
    Qode replied

    You're welcome,

    Let us know if there's anything else!

    Best Regards!

    Nicolas


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.