Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 15, 2016 at 3:36 pm #699371
    Wanted2b

    Hello,

    i have a problem on my site on mobile view.
    The picture i set as background does not fit correctly in the view. On desktop everything looks fine but i don’t know how to let the background picture start centered top, right below my logo. I dont want mobile users to see only the legs of the persons.. likely more the faces – same as on desktop view.

    Could someone please advise? Thanks!

    October 17, 2016 at 7:17 am #699796
    Rikard

    Hi Wanted2b,

    If you want greater control over the background in mobile devices I suggest you create another section to show only on mobile and use an image better adapted to that screen size. You can assign unique IDs to your sections and then hide/show them using CSS like this: 

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

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

    Regards,
    Rikard

    October 17, 2016 at 7:28 pm #700210
    Wanted2b

    Thanks i got it!

    #”section-phone” has to be the ID, which you put into the section you want to only show on mobile devices then.

    October 18, 2016 at 4:46 pm #700761
    Rikard

    Hi,

    Yes that is correct, you can put your own ID as well though you would have to edit the code then.

    Best regards,
    Rikard

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