Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 30, 2017 at 1:10 pm #831805
    Erwin

    Hi,

    On my website I’m trying to let a image scaling with the same amount as the background-image scales. See the private part for a link. It’s the triangle beneath the menu. How can I let this scale so that it match the background, or change the scaling of the background, that’s also fine off course.

    Regards,

    Erwin

    July 31, 2017 at 10:11 pm #832463
    Victoria

    Hey Erwin,

    There is no link attached, could you please post the link again?

    Best regards,
    Victoria

    July 31, 2017 at 10:22 pm #832473
    Erwin

    Hi Victoria,

    Sorry, the link is in the private part.

    Regards,

    Erwin

    August 2, 2017 at 5:27 am #833156
    Rikard

    Hi,

    Thanks for that. I don’t think there is an easy way to achieve that unfortunately. You could try to use media queries though to set a width for each query interval. For instance for phone, tablets etc. Would that work do you think?

    Best regards,
    Rikard

    August 2, 2017 at 3:30 pm #833518
    Erwin

    Hi,

    That could work for me. Can you help me with that? I’m having problems with the size of the background. It seems that I can’t change this with css. Also noticing that the triangle creates a margin-top when in responsive mode. If you can help me with those two items, I would be thankful.

    Regards,

    Erwin

    August 3, 2017 at 6:35 am #833761
    Rikard

    Hi Erwin,

    We can give you an example, though you probably need to add several media queries and more arguments to the CSS:

    @media only screen and (max-width: 767px) {
#vrouwgras .avia_image {
  max-width:50%;
}
}

    Best regards,
    Rikard

    August 3, 2017 at 8:53 am #833782
    Erwin

    Hi Rikard,
    Created some more arguments and it’s working good enough.

    Thank you.

    Regards,

    Erwin

    • This reply was modified 7 years, 4 months ago by Erwin.
    August 4, 2017 at 7:14 am #834197
    Rikard

    Hi Erwin,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 4, 2017 at 8:30 am #834228
    Erwin

    Hi Rikard,

    You can close the topic.

    Regards,

    Erwin

    August 5, 2017 at 9:32 am #834656
    Rikard

    Hi Erwin,

    Great, thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘responsive image scaling’ is closed to new replies.