-
Posts
-
Hi,
I am using the Masonry Gallery for Pictures in several of my Blogposts. Worked fine over the last years.
But now, when I open the lightbox via clicking on a Picture in the gallerie the picture doesn´t appear in the middle of the monitor. It appears when I scroll down somwhere in the middle of the page. So everyone thinks it does not work. This happens at every masonry gallery on my website.
Perhaps I changed something in the settings and didn´t realise it.
Please can you help me?
An example is here:
https://www.latin-rhythm.de/russland-samba-wintermaerchen-mit-pelzmuetzen/
I try not to use any code, no css or anything. Until now it worked for me.Wordpress and enfold is updated to the latest version.
Sorry for my bad english. And thank you in advance.
ulithe problem seems to occur only on chrome browser (windows and mobile) with edge it works normal. has somebody an Idea?
Hi,
Sorry for the problem. Please try the following in Quick CSS under Enfold->General Styling:
.mfp-wrap { height:auto; top:0; }Best regards,
RikardHello Rikard,
thank you for trying to help me. Unfortunately the solution does not work..
Perhaps it has to do with some other things. for exaple on android mobile chrome browser the beginning of all pages is below the screen, and in the widget area the pictures are overlapping, which they didn´t some weeks ago.
perhaps somthing in the header code?
well, I can´t read css or html or any other code and didn´t change anything.
so what should I do?
Thank you in advance,
UliHi uli,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.mfp-wrap.mfp-gallery { height: 100vh !important; top: 0 !important; }If you need further assistance please let us know.
Best regards,
VictoriaHello Victoria,
This has helped with this problem. Thank you very much!!!But at the same time, other problems also occurred suddenly. (see below). Maybe it all depends on something else. For example, some in the forum had a problem with strange header.php entries, causing similar problems. But I didn´t change anything. http://www.latin-rhythm.de.
Android phone (Huawei Nova) – Chrome browser
-All pages have a white area at the top and the page is not visible until below the screen. You can reach the Menu only very bad because half hidden under the address bar.Windows 10 (Acer PC) – Edge Browser
As soon as you scroll down, everything becomes “milky”. i.e. the page “shimmers through a bit” but nothing is clickable. Only the menu above is visible and clickable.In every Browser: A little bit overlaping pictures in the Widget- Area (but that is not realy important)
Thank you for helping me, it is so frustrating, if something doesn´t work and you work hours and hours on solving such problems.
UliHi Victoria
this is the most important problem (see screenshot), where there is a white area, there schoud be the first picture or headline.. the picture or the headline starts at the bottom, below the edge of the screen and if you scroll down, you can see everything. That’s the same on all pages.
this happens only on android smartphones but this is the most important device
(i tested it on windows 10 PC, Chrome, Edge, and Firefox – didn´t test on any apple-product)
Thank you for helping me, UliHi,
Please try this code in the General Styling > Quick CSS field, or in the WordPress > Customize > Additional CSS field:.inner-container { height: auto !important; }Best regards,
MikeHello Mike,
thank you for helping me.
this code works for the biggest problem. there are still some minor issues, but now i can concentrate on my “normal” work.
Thanks again for the good support and the very good enfold-theme
uliHi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
Mike
- The topic ‘Lightbox in Masonry gallery not showing correct’ is closed to new replies.