Skip to main content

Forums

This topic contains 2 replies, has 2 voices, and was last updated by  Ranger SVO 2 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #281302

    Ranger SVO
    Participant

    Just what the title says, most of the background image is missing. It should look like this

    [url=https://ibb.co/z4nGM26][img]https://i.ibb.co/z4nGM26/background-image.jpg[/img][/url]

    but it doesn’t.

    this is the css used with #intro-image
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    What am I doing wrong.

    Codepen https://codepen.io/william-r-farrar/pen/NeEveX

    #281304

    Shikkediel
    Participant

    I wouldn’t say you’re doing anything wrong, it’s a side effect of using cover. You could try contain instead.

    #281318

    Ranger SVO
    Participant

    Thank you for your response, it is appreciated. I just realized what the problem is.

    The top header (.adzone-top) has a position: fixed: setting. This means that the background image (#intro-image) or part of it is behind the top header.

    Anyway, thanks again. I’ve got some work to do.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star