Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 3, 2018 at 12:14 pm #950706
    christianichristiani

    Hello,

    I tried to set the fallback image to a correct size. I used the codes from this threads:

    Mobile fallback images will not scale on mobile device

    Fallback Image is not responsive on mobile devices

    But it isn’t possible to display the image correct on a iPad.

    How is it possible to display it correct so that the image is 100% in the background (image attached)?

    Thank you for your help!

    Best regards

    May 4, 2018 at 8:52 pm #951844
    Basilis

    Hey christianichristiani,

    Please replace ” max-width: 480px ” to max-width: 880px

    and let us know if that fixes your issue properly.

    Best regards,
    Basilis

    May 7, 2018 at 2:39 pm #952683
    christianichristiani

    Hello Basilis,

    unfortunately it doesn’t work. Do you have another idea?

    Thank you!

    May 7, 2018 at 3:10 pm #952702
    christianichristiani

    And the other problem is: The buttons are not visible on the mobile (iPad) version (image attached).
    How can I fix this and fix the Slider issue?

    Thank you for your help!

    May 9, 2018 at 12:33 pm #953867
    Victoria

    Hi christianichristiani,

    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 (min-width: 768px) and (max-width: 1024px) {
  #av_section_1 {
        background-attachment: scroll !important;
        background-size: cover !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 15, 2018 at 9:56 am #956869
    christianichristiani

    Hello,

    this also doesn’t work.

    Thanks for help!

    May 17, 2018 at 8:45 am #958005
    Ismael

    Hi,

    You can use another background image on iPad or tablet view. Set a unique Section ID to the color section with the background image. Use “custom-section” for example and then add the following css codes on the Quick CSS field to apply a different background image. An image that is actually resized for mobile view. 

    @media only screen and (max-width: 1024px)
#custom-section {
   background-image: url(BACKGROUND IMAGE URL HERE);
}
}
    @media only screen and (max-width: 1024px) and (min-width: 767px) {
#custom-section {
    background-size: 768px 386px !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}
}

    Best regards,
    Ismael

    May 17, 2018 at 4:39 pm #958248
    christianichristiani

    Hello Ismael,

    is there a solution for the Fullscreen-Slider because there is no way to add a section-id.

    Thanks!

    May 19, 2018 at 9:44 am #958987
    Rikard

    Hi,

    You can turn on the Show element options for developers option under Enfold->Layout Builder. The CSS Ismael posted should work the same with class so just replace the ID in his code with your class or ID.

    Best regards,
    Rikard

    May 22, 2018 at 1:53 pm #960345
    christianichristiani

    Hello, thank you!

    And what can I do about the missing buttons on iPad?

    Thank you!

    May 23, 2018 at 5:17 pm #960987
    Victoria

    Hi christianichristiani,

    Could you please clear the cache, check again and on another device and get back to us.

    Best regards,
    Victoria

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