Slider Image Crop when change size of browser window

  • Resolved digimacher

    (@digimacher)


    6 years, 6 months ago

    Hi All,

    i have an issue with the MetaSlider plugin. When i change the size of my browser window, MetaSlider crops the images from top of the image.
    For example: I added a picture of a tower on a hill. When i reduce the size of the brwoser windows with my mouse, the top of the the tower get “cutted” off.

    I′m looking for a way, how to fix the position of the images, that when changing the size of the browser window, croppin starts at the bottom and not at top of the image. Top of the image should alway be fixed and not cropped out of the slider.

    Any advice is welcome. Thank you in advance!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi @digimacher,

    Do you see the “Crop” tab on your slides? It’s usually the third tab after “General” and “SEO”. From there you can try selecting “bottom center” and see if that helps.

    If not, you can also try to change the image crop type, which is set under the advanced settings section. Let me know if that helps.

    Thread Starter digimacher

    (@digimacher)

    Hi @kbat82,

    i see the crop tab and changed it for two images to bottom center. After refreshing my browser window, the problem is still there.

    The Crop type under the advanced settings is default.

    Any further ideas? Thank you.

    • This reply was modified 6 years, 6 months ago by digimacher.

    Hi @digimacher,

    Did you try any of the other crop types to see if they meed your needs?

    Do you have a link to the site so I can check it?

    Thread Starter digimacher

    (@digimacher)

    Hi @kbat82,

    I tried serveral ones without success.
    The URL is https://www.annabelle-siefert.de.

    Thank you.

    Hi @digimacher, the link helped. It looks like the issue is actually with your header being fixed positioned. You can lower the metaslider with some CSS. If you add this rule, that should get you started.

    Do you know how to edit your theme’s styles?

    .metaslider {
    margin-top: 75px!important;
}

    Let me know if that helps.

    Thread Starter digimacher

    (@digimacher)

    Hi @kbat82,

    i added the css and it seems to work.
    Thank you very very much!

    Great to have guys like you in this forum.

    Thanks!

    Hi @digimacher,

    Great to hear it’s working! It’s no problem at all. I’ll mark this as resolved now but feel free to comment or create a new issue if needed.

    By the way, if you’re enjoying the MetaSlider plugin please leave us a 5-star review. They really help us out. Thanks!

    https://www.ads-software.com/support/plugin/ml-slider/reviews#new-post

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Slider Image Crop when change size of browser window’ is closed to new replies.