Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 9, 2017 at 8:24 am #874535
    famewebdesign

    Hi!
    Please check this page on mobile Phone: http://www.zorgdetail.nl/home-nieuw and compare the background images to the desktop version.
    Is it possible to make the full screen slider image completely visible on mobile screen? And all other backgroud images? The car in example (above section “werkwijze” isn’t even recognizable on mobile Phone.
    Can you please help me?
    Thanks!
    Martine

    November 9, 2017 at 2:48 pm #874662
    Victoria

    Hey Martine,

    I am seeing all the images besides the slider. Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    The good way to do it is to hide these images for mobile and create separate sections to show on mobile, specifically optimized for it.

    Best regards,
    Victoria

    November 9, 2017 at 3:00 pm #874679
    famewebdesign

    When you compare the images on the desktop (19″screen) you can see the whole image. On Phone only a part of the images is visible. This counts for the first image on the page (full screen slider), and for nearly all background images. In example: the car you see on desktop above the “werkwijze” section, is only partly visible on Phone.

    How can I fix this for all background images and full screen slider image?

    November 9, 2017 at 4:54 pm #874760
    Victoria

    Hi famewebdesign,

    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: 479px) {
  #av_section_5, #av_section_2 , #av_section_5 .av-parallax,
   #av_section_2 .av-parallax
    {
    background-attachment: scroll !important;
    height: 213px;
    background-position: center center;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 9, 2017 at 5:46 pm #874795
    famewebdesign

    Thanks Victoria! It works for the background images in the content sections.
    Is it also possible to show the image of the full screen slider (first image of old man and woman) completely on mobile Phone?

    November 11, 2017 at 7:23 pm #875566
    Victoria

    Hi famewebdesign,

    I think you really should make a different slider for the mobile screen and hide this one. This image is too big for mobile.

    Best regards,
    Victoria

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