Hi,
I have recently finished building my website. Everything is great except when I view my website on a mobile phone, portfolio pages (homepage) with multiple images are not showing, but the other pages are.
It's just blank without images.
Update: When I set the gallery layout type to Justified or Masonery with 2 columns, it works normally, but when it is Masonery with 1 column (for mobile devices), it's not working. It just shows an empty page.
Also, can I mix layout types and use Masonry Layout for desktop and Justified for mobile?
I've just set the layout to be 1 column per row in mobile, and then the images are being displayed on mobile, please take a look at the attached screenshots.
Unfortunately, there isn't a theme feature that allows you to do it within one Media Gallerywidget, but what you can do is duplicate the Media Gallery widget, set one masonry for desktop, and hide it for mobile by going to the responsive options at the Advanced tab of the Media Gallery widget, and at the other one set justify and hide it from the desktop.
Hi, I have recently finished building my website. Everything is great except when I view my website on a mobile phone, portfolio pages (homepage) with multiple images are not showing, but the other pages are. It's just blank without images.
Can you please help me out?
Best,
Nenad
Attached files: PC.JPG
mobil.jpg
Update: When I set the gallery layout type to Justified or Masonery with 2 columns, it works normally, but when it is Masonery with 1 column (for mobile devices), it's not working. It just shows an empty page.
Also, can I mix layout types and use Masonry Layout for desktop and Justified for mobile?
Thanks
Hi,
I am very sorry for the late reply, we were not working on the weekend.
Can you please provide me with your wp-admin, I will have a quick look to see what's going on.
Feel free to ask for anything you need.
Kind Regards
Hi Nenad,
I've just set the layout to be 1 column per row in mobile, and then the images are being displayed on mobile, please take a look at the attached screenshots.
- https://prnt.sc/08v_VvPb947f
- https://prnt.sc/zCvWWXicdPaE
Feel free to ask for anything you need.
Kind Regards
Hi,
Thank you for looking it up.
Yes, I tried that also, but when I refresh the page, the images disappear and it shows just an empty page.
Can you try to recreate it?
Thanks
Attached files: Test.JPG
Hi,
I've just fixed it by adding the following CSS at Appearance > Customize > Additional CSS.
@media (max-width: 990px) { .home .elementor-element-43a326b .masonry { height: fit-content !important; } .home .elementor-element-43a326b .masonry .selector { position: relative !important; left: 0; left: 0 !important; top: 0 !important; width: 100% !important; } }Feel free to ask for anything you need.
Kind Regards
Fantastic!
That worked; thank you very much for your help.
One more question: is there a way to have the Masonry 5 Columns Layout type for desktop and the Justified Layout for mobile?
Hi,
Unfortunately, there isn't a theme feature that allows you to do it within one Media Gallerywidget, but what you can do is duplicate the Media Gallery widget, set one masonry for desktop, and hide it for mobile by going to the responsive options at the Advanced tab of the Media Gallery widget, and at the other one set justify and hide it from the desktop.
- https://prnt.sc/N9oAeWkomBtn
If you like our theme or the support, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.
Kind Regards,
NeuronThemes
Thanks; that is an interesting workaround. Will try it out.
I have rated your theme. I am very satisfied with it.
Thanks again, and all the best. Nenad
Thanks a lot, really appreciate it
Feel free to ask for anything you need.
Kind Regards