As a coding novice, I recently downloaded the Galereya JQuery script to use on my website. While it works well, I encountered an issue where it overlaps with other content on the page. Despite trying to adjust the overflow and position properties, I have been unable to resolve this problem. Placing the gallery code within another div resulted in the grid functionality failing. Setting a fixed height in pixels could be a temporary solution, but it poses challenges for pages of varying heights and mobile responsiveness.
The overlap issue only arises when inserting the gallery code; adding other content does not cause overlapping.
Below are the snippets of code I am working with:
$(function() {
$('#galleryherepls').galereya();
});I have spent countless hours trying to solve this problem and desperately need assistance from the community.
Footer:
#footer { margin: auto; margin-bottom:10px; color: #fff; background: #323232; width: 980px; height: 20px; padding:10px; clear:both; text-align: center;}