Navigation
Archive / 1 of my images refuses to be responsive
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 5, 2016 at 8:24 am #1281594
    Fulgent
    Participant

    Hi.

    http://www.fulgent.co.uk/about

    The main background image for section 1 at the top of page refuses to shrink with different sized devices – it just cuts off the right hand side of the image to fit the screen.

    On a tablet its just about Ok – but when you get down to a mobile phone it cuts out all of the building and Company name above the doors and leaves you with a face full of trees.

    How can i make this image responsive please rather than it just chopping half the image off to fit the screen?

    Thankyou

    December 5, 2016 at 9:05 am #1281631
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .page-id-990 #x-section-1 {
    background-size: 100% 100%;
}

    Hope it helps 🙂

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