Problem with Dimension Theme Ft. Hugo Easy Gallery

liwenyip / hugo-easy-gallery

Automagical css image gallery in Hugo using shortcodes, with optional lightbox/carousel gadget using PhotoSwipe and jQuery.

MIT License

576 stars 111 forks source link

Problem with Dimension Theme Ft. Hugo Easy Gallery #19

Closed TheDudeBMF closed 6 years ago

TheDudeBMF commented 6 years ago

I’m implementing the Hugo Easy Gallery on my site but I have a problem with it in combination with the Dimension theme.

I run the gallery on this page: http://newsite.luckycharmtattoo.nl/#portfolio When I click one of the images, the gallery doesn’t go full screen, but it seems ‘caputered’ in the underlaying layer of the theme. Screenshot

Because of this, the gallery doesn’t go to the center of the display and doesn’t scale. Does someone know how I can avoid this so the gallery works as good as on the authors website?

liwenyip commented 6 years ago

Not sure what's going on here - the key css attributes needed to make the photoswipe gallery go full screen are position: fixed;, width: 100%;, height: 100%;, left: 0;, and top: 0;, and none of these have been overridden by your theme.

Have you had a look at the PhotoSwipe issues to see if anyone else had had a similar issue? If not, you can post a new issue there.

Otherwise you could try asking a question on StackOverflow.

TheDudeBMF commented 6 years ago

Thanks for looking in to this! I will go to the PhotoSwipe issues and StackOverflow.