Home>Support>Flexslider Image Strange Behavior

Flexslider Image Strange Behavior

Image sizes are 1080 x 360. Flexslider is set to 1080×360 – theme (Vantage Flex) – 100% wide output – Center Align – Image Crop ( none ).

While dragging the edges of the browser (chrome) to make the chrome browser box window smaller and larger, the picture resizes however the sides of the slider do not creating cut-off pictures. This is being tested on a computer using 1920×1080 screen resolution.

Is this the normal behavior of flexslider? I can change to R.Slides and this resolves the issue.

URL: https://goodwintek.com/computer-services/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago computermedic

    Anyone?
    This is also not a problem on lower resolution, 1024 x 768, for example and mobile.

  2. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi computermedic

    Thanks for the wait. Please try the following under Appearance > Custom CSS:

    /*
    Vantage Theme, remove max width/layer centering.
    Usage: Copy and paste this code into Appearance > Custom CSS or your own Custom CSS module.
    */
    body.responsive.layout-full #page-wrapper .metaslider .full-container,
    .layout-full #page-wrapper .metaslider .full-container {
    max-width: none;
    }
    

    Seems to help when I checked now.

  3. 9 years, 7 months ago computermedic

    Yup, that did it!
    Thanks again Andrew!

  4. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that helped :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More