Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 11, 2016 at 12:22 pm #581564
    Gudi

    Hi guys

    So the Image in my first parralax looks great on PC’s, but it doesn’t center/top on iPhone. It’s a group image, so their heads are being cut off on my iPhone. I would like the image to “start from the top” and therefore select center top in my color section.

    See image below for proff

    February 12, 2016 at 6:12 am #582036
    Rikard

    Hey Gudi,

    You might have to create a new section to only show on mobile and upload an image better adapted to mobile devices to it. You can give your sections unique ID, for instance section-desktop and section-mobile, you can then use the following CSS to show hide them for the correct screen size: 

    @media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
}

@media only screen and (min-width: 768px) {
#section-mobile {
display:none !important;
}
}

    Regards,
    Rikard

    February 12, 2016 at 9:07 am #582107
    Gudi

    Thank you. Did a 1534x708px (2 times the width 767px) and made alot of space around the people. Seems to have fixed it nicely.
    Thanks!

    February 12, 2016 at 9:14 am #582113
    Basilis

    Hi!

    Glad it worked!
    Please do let us know if you need anything else, we will be happy to assist further.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Parralax Top Center on iPhone/iPad’ is closed to new replies.