Responsive

  • Resolved Dan Stramer

    (@danstramer)


    6 years, 9 months ago

    Hi Josh,
    Thanks again for the great plugin.
    I seem to have an issue with the responsiveness of the slider.
    It does not resize when reducing the screen width.
    Do you see anything wrong here?

    Thanks
    Dan

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    Thanks Dan! The slideshow will scale to fit the container it’s in. Right now that .slider container has a max width, but nothing scaling it down lower than that.

    If you add percentages to the two columns, they will size fluidly like the slideshow:

    
.hp-container .slider {
    max-width: 652px;
    height: 350px;
    float: left;
    width: 66%;
}
.hp-text {
    float: right;
    max-width: 318px;
    margin: 15px 0 0 10px;
    width: 32%;
}

    But they will have a fluid height as well and the theme would have to be modified to support rows with a fluid height so that backgrounds will resize with the content.

    Thread Starter Dan Stramer

    (@danstramer)

    Thanks Josh!
    Giving the container width:100% in the media query, as you suggested did the trick.
    (I preferred not to give the containers fluid sizes, but to resize them via a media query)

    Thanks again
    Dan

    • This reply was modified 6 years, 9 months ago by Dan Stramer.
    Plugin Author Josh Leuze

    (@jleuze)

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive’ is closed to new replies.