Navigation
Archive / Background Hero Image Responsive Issues
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 26, 2016 at 3:24 am #1231085
    paratusgc
    Participant

    Hey there,

    Please could you advise how I can have my image scale accordingly when responsive. As you can see it is cut off when viewing in mobile.

    Currently it is set as part of the background image – when I set the character as its own image it moves into the wrong place.

    Any ideas – great service by the way – you guys rock!

    Cheers
    Gavin

    October 26, 2016 at 4:15 am #1231143
    Christopher
    Moderator

    Hi there,

    Please edit the your image and remove its black borders, then add background-size: contain;background-position: right bottom; in first section’s style field.

    hope it helps.

    October 26, 2016 at 5:20 am #1231224
    paratusgc
    Participant

    Thanks! I’ve nearly got it to work – but there is still a black border on the image.

    I have checked both the image itself and settings – see attached.

    Any idea why this is happening?

    Cheers
    Gavin

    October 26, 2016 at 5:27 am #1231235
    paratusgc
    Participant

    Don’t worry, I’ve sorted it!

    October 26, 2016 at 5:56 am #1231271
    Christopher
    Moderator

    Glad to hear that.

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