Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 12, 2018 at 9:42 am #1020656
    mstoelk

    Hello,
    I gave the first the two images on this site
    finalefurioso.de
    a parallax effect via the color section options.

    I managed to correct the position for the second image via css but I’m not able to move the first image since it shifts out of the page on mobile view.

    Thanks for your help.
    Marco

    October 13, 2018 at 7:07 am #1020960
    Rikard

    Hi Marco,

    I’m not sure I understand what you are looking to change, could you try to explain a bit further or post screenshots highlighting the problem please?

    Best regards,
    Rikard

    October 14, 2018 at 9:45 pm #1021288
    mstoelk

    Hi Rikard,

    thanks for your answer – I will try to explain a bit more what I am trying to achieve:
    There are two images on out site finalefurioso.de. Both are implemented as background images of color sections with parallax effect. On desktop everything looks fine. But on mobile screens the vertical alignment is wrong so that at least the top image is shifted out of the page. I played around with different css settings but the only thing I could achieve was to shift the vertical alignment of the image via

    @media only screen and (max-width: 768px) {
   #startimage {
   top: 0% -50% !important;
    left: 0 !important;
    }
}

    But after this the image is always cropped at the top.

    I would be happy about your help. Login credentials in the private content field.

    Best
    Marco

    October 18, 2018 at 4:14 pm #1023423
    Ismael

    Hi,

    Thanks for the update.

    Have you tried setting the background repeat option to “Stretch to fit”? That option will force the image to cover the entire container. Some parts of the image may get cut off because it has to maintain the aspect ratio or image size proportion.

    Best regards,
    Ismael

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