Creaktor Branding Agency
Friend
We are developing a site using Uber and used the Joomlart ACM module – Gallery style 1 on a page.
When clicked on a thumbnail the lightbox opens like it should, but the page is scrolling to the top (see http://downstairs.testcreaktor.nl/fotogallerij)
This is pretty annoying since visitors will loose the position of which they were viewing the page.
We have also created an own style of the gallery on another page, and also on that page it scrolls to the top.
At the moment we did not install any other fancy modules with javascript that breaks the code. We also have JCE editor with the modal plugin installed, but this is also not the issue since when we disable it the page still scrolls to the top.
I think this is probably an issue with the Ekko Lightbox? I hope someone has a solution for this!
www.creaktor.com
Ninja Lead
Moderator
Have you solved it? I check on that link and see it’s working fine.
Creaktor Branding Agency
Friend
Hi,
I have checked it in Chrome, Safari and Firefox on OSX. The problem is not solved.
The website is now online at: http://www.downstairs.nl/fotogallerij
When you click a thumbnail, indeed the lightbox opens fine. But when you look at the background you see that the website it scrolled to the top. This means when you click on a thumb you loose the location of where you were.
We have also implemented the same lightbox on another page (we created our own style files here to achieve this layout), but also here the page scrolls to top when a thumb is clicked.
So this seems to be an issue with the used lightbox. I have also tested another lightbox in our own style file and this works fine, but we want to use the same lightbox on all pages.
Hope you understand the problem now!
www.creaktor.com
Ninja Lead
Moderator
Try to use my solution below with the problem on your site
+ Create templates/uber/css/custom.css file and add new rule
.modal-open .modal {
z-index: 2000000;
}
.modal-open {
overflow: initial;
}
1 user says Thank You to Ninja Lead for this useful post
Ninja Lead
Moderator
Try to use my solution below with the problem on your site
+ Create templates/uber/css/custom.css file and add new rule
.modal-open .modal {
z-index: 2000000;
}
.modal-open {
overflow: initial;
}
1 user says Thank You to Ninja Lead for this useful post
Ninja Lead
Moderator
Try to use my solution below with the problem on your site
+ Create templates/uber/css/custom.css file and add new rule
.modal-open .modal {
z-index: 2000000;
}
.modal-open {
overflow: initial;
}
1 user says Thank You to Ninja Lead for this useful post
Creaktor Branding Agency
Friend
I have tried the solutions (added it to out local template.css file) and it seems to work! Thank you for the solution!
www.creaktor.com
Creaktor Branding Agency
Friend
I have tried the solutions (added it to out local template.css file) and it seems to work! Thank you for the solution!
www.creaktor.com
Creaktor Branding Agency
Friend
I have tried the solutions (added it to out local template.css file) and it seems to work! Thank you for the solution!
www.creaktor.com
This topic contains 9 replies, has 2 voices, and was last updated by Creaktor Branding Agency 9 years, 4 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
