Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 16, 2015 at 10:33 pm #445311
    Sasolini

    Hi,

    I would like to set my main image (top of the page) to be fully visible on smaller screens (mobiles). Now it looks OK on regular screens, but when screen gets to small the image gets clipped – i don’t want that.At the same time I don’t want my image to be auto stretched on regular screens (should stay as is). Any ideas how can i do this?

    May 18, 2015 at 10:56 pm #446098
    Josue

    Hey!

    Can you post a screenshot/mockup of what would you want to achieve?

    Best regards,
    Josue

    May 19, 2015 at 12:02 am #446130
    Sasolini
    This reply has been marked as private.
    May 19, 2015 at 1:09 am #446136
    Josue

    Hey!

    Use the same method you’re using on the /coaching/ page:

    #sh-top-header .container {
height: 32vw;
}

#sh-top-header {
background-size: contain;
}
@media only screen and (min-width: 1200px)  {
#sh-top-header .container {
height: 400px;
}
}

    Best regards,
    Josue

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