Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 7, 2017 at 5:04 pm #757114
    rosewoodva

    Hi There,

    I submitted a ticket to NextGen Gallery Pro, but they said that Kriesi support may be better to help me.

    I would like to disable the NextGen Gallery Pro FILMSTRIP (only) from showing at all on Mobile Devices. Specific page to test would be http://www.sandraremme.com/canvasses/

    Is there CSS to do this? Thanks!

    Their notes:
    Deanna –

    We do not have any specific mobile display options, especially for controlling displays being rendered. In most cases, mobile views are more the realm of the current theme and as such you may need to delve into your theme to see how best or what HTML element to work with to hide the inserted display within it.

    Essentially something along the following lines if used within a media query conditional for mobile view port sizes might work:

    div.galleria-container.notouch.galleria-theme-nextgen_pro_horizontal_filmstrip { display: none !important; }

    Although how to specifically add that into your theme, or more specifically your theme’s media queries is outside the scope of support we offer although I suspect this may be something your theme author would be able to point you in the right direction for.
    Thanks!
    – Cais.

    March 7, 2017 at 5:07 pm #757116
    Yigit

    Hi!

    Can you please post a screenshot and show the changes you would like to make? I am not sure if i can see any filmstrips.
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Cheers!
    Yigit

    March 7, 2017 at 5:13 pm #757122
    rosewoodva

    Link attached, thanks!

    March 10, 2017 at 8:09 pm #759108
    rosewoodva

    Hi Yigit,

    Any ideas how to not show the filmstrip gallery on mobile?

    Thanks!

    March 13, 2017 at 6:40 pm #760182
    Victoria

    Hi,

    There are two way to do it. One is quick and dirty css way:

    
@media (max-width: 768px) { 
	.ngg-galleria-parent .nextgen_pro_horizontal_filmstrip {
            height: 0;
	    display: none;
	}

	.fa .ngg-trigger .nextgen_pro_lightbox .fa-share-square {
		display: none;
	}
}

    The other way is write a conditional in your template for this page:

    

<?php
if ( !wp_is_mobile() ) {
    /* Display your gallery */
}
?>

    Let me know if this was helpful.
    Best regards,
    Victoria

    March 13, 2017 at 7:05 pm #760200
    rosewoodva

    Hi Victoria,

    Thanks but the CSS didn’t work, and I’m not comfortable doing the conditional way.

    Did the CSS work on your mobile devices?

    March 16, 2017 at 5:09 pm #762066
    Victoria

    Hi rosewoodva,

    Sorry, my bad, I didn’t remove the white spaces.

    
@media (max-width: 768px) { 
	.ngg-galleria-parent.nextgen_pro_horizontal_filmstrip {
            height: 0;
	    display: none;
	}

	.fa.ngg-trigger.nextgen_pro_lightbox.fa-share-square {
		display: none;
	}
}

    Put this snippet in /enfold-child/style.css.

    Let me know if this helped.

    Best regards,
    Victoria

    March 16, 2017 at 5:41 pm #762084
    rosewoodva

    Hi Victoria,

    Thank you that worked perfectly!

    Deanna

    March 16, 2017 at 8:55 pm #762191
    John Torvik

    Hi,

    Let us know if you have any other questions or issues :)

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘NextGen Gallery Pro – Disable Filmstrip on Mobile Devices’ is closed to new replies.