[Plugin: Slideshow Gallery] Slideshow doesn't resize when window is smaller/mobile

  • superaj

    (@superaj)


    11 years, 7 months ago

    Hello,

    I have designed our entire site to work properly on mobile and different window sizes. The only page that doesn’t resize correctly is the page with only the slideshow.

    Link is here: https://fery.al/new-collection/

    I have been playing around with the CSS for a few days now. I can get the width to auto adjust to the window size, but the height is a problem.

    Has anyone had luck getting the slideshows to resize properly on smaller windows/mobile?

    Thanks in advance for the help.

    http://wordpress.org/extend/plugins/slideshow-gallery/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter superaj

    (@superaj)

    11 years, 7 months ago

    Hello,

    Just wondering if anyone has had any experience with the slideshows auto-resizing? I updated to the latest version of the plugin and there was some mention in the changelog about resizing changes, but it didn’t really affect anything.

    Thread Starter superaj

    (@superaj)

    11 years, 7 months ago

    Does anyone have any ideas about how I can approach this? I don’t mean to keep posting, but I’m sure others have wondered about this too.

    Thanks in advance.

    Rene1991

    (@rene1991)

    11 years, 6 months ago

    Hello,

    Well with this css you can make it responsive.
    but i dont know where to put this Css..

    #slideshow-wrapper {
    position: relative;
    width: 100%;
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
    padding: 0px;
    border: 1px solid rgb(204, 204, 204);
    margin: 0px;
    display: none;
}

#slideshow-wrapper #fullsize {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 244px;
    border: medium none;
}

#slideshow-wrapper #information {
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 0px;
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    overflow: hidden;
    z-index: 200;
    opacity: 0.7;
}

#slideshow-wrapper #slidearea {
    float: left;
    position: relative;
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
    width: 85%;
    margin-left: 5px;
    height: 89px;
    overflow: hidden;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Slideshow Gallery] Slideshow doesn't resize when window is smaller/mobile’ is closed to new replies.