responsive issue

  • Resolved stanbob

    (@stanbob)


    8 years, 3 months ago

    Hi,
    I have some issue with responsive aspect of the plugin (basic slideshow gallery).
    I set the dimensions for the gallery 1200px x 480px.
    With a desktop computer, no problem : images are correctly resized, proportions are respected.
    With smaller screens, images are correctly resized with correct proportions but the div. #ngg-slideshow has WRONG PROPORTIONS : 940×480 px (instead of 940×376), 748×480 px (instead of 748×300) and 300×300 px (instead of 300×120). Therefore, there is an empty white space under the images of the slideshow.
    Any idea to avoid this ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor photocrati

    (@photocrati)

    @stanbob – We use a placeholder image in the Basic Slideshow. You may need to add some custom CSS using media queries to resize it based on viewport size.

    Have a look at this element: img.image-placeholder

    Thanks!

    – Cais.

    Thread Starter stanbob

    (@stanbob)

    Thank you. I’m not an expert, can you tell me more? I have to work on basic slideshow css file?

    Plugin Contributor photocrati

    (@photocrati)

    @stanbob – You should be creating additional custom CSS and writing it under Gallery > Other Options > Styles; or, you can use other custom CSS options if they are available within your current theme or another active plugin such as Jetpack for example. We do not recommend modifying any core plugin file as the changes will not be update safe.

    For more information about media queries in CSS, try this article as a starting place: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    Thanks!

    – Cais.

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