Navigation
Archive / Background Image Positioning
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 2, 2016 at 9:20 am #1022219
    fyxi
    Participant

    Hello,

    I am building a page using Cornerstone and struggling with the positioning of background images on mobile devices. I’ve tried a number of suggestions on other threads, including adding ‘background-position: 0 100%;’ to the style attributes of the content section. But nothing seems to change how the background image aligns. Ideally I would like the image in the About section to anchor to the right of the screen so that on smaller screens, it shows the blurred area only.

    http://fyxi.it/almont

    Thanks in advance for your help.

    June 2, 2016 at 9:22 am #1022227
    fyxi
    Participant
    This reply has been marked as private.
    June 2, 2016 at 11:37 am #1022511
    Jade
    Moderator

    Hi there,

    Please try this CSS:

    @media (max-width: 480px) {
    .page-id-30 #about {
        background-position: top left !important;
    }
}

    Hope this helps.

    June 6, 2016 at 11:03 am #1028258
    fyxi
    Participant

    Solved it.

    Thanks!

    June 6, 2016 at 12:55 pm #1028422
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1022219 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>