Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 7, 2016 at 10:12 am #628575
    luckylobo10

    Hi!

    I have a site with a color section. The color section has a background image that covers the whole screen. The background image looks great on all plattforms except mobile. The problem is that I want the image to be aligned slightly to the right, and not either totally center or totally right… if you know what I mean :)

    How can I adjust the alignement of the background picture?

    Thanks :)

    May 9, 2016 at 7:02 am #629029
    Rikard

    Hey luckylobo10,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    May 9, 2016 at 11:23 am #629133
    luckylobo10

    Thanks for your reply. Link in privat content.

    I want to be able to adjust what part of the background image that is visible in mobile view… “center center” and “center right” is either too much or too little :)

    Kind regards

    May 11, 2016 at 5:25 am #630397
    Ismael

    Hi,

    Edit the color section then apply a unique Section ID to it. Use “custom-section” for example then add the following code in the Quick CSS field:

    @media only screen and (max-width: 767px) {
#custom-section {
    background-position: 20% 50% !important;
}
}

    http://www.w3schools.com/cssref/pr_background-position.asp

    Best regards,
    Ismael

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