View source for List page map overlapping template header

If your Joomla template uses a fixed header/menu, it is possible that the map on JReviews list pages will overlap the header when scrolling the page.

To fix the conflict, it is necessary to push down the map by the height of the header.
To do that, modify this file:
*<span style="color: blue">/components/com_jreviews_addons/geomaps/views/js/geomaps.js</span>

Find this line in the file:
<source lang="php">
var y = jQuery(window).scrollTop();
</source>

and add the height of your fixed header like this:
<source lang="php">
var y = jQuery(window).scrollTop()+55;
</source>

If you enabled '''Load All Minified''' in JReviews Configuration, you will need to create a minified geomaps-ck.js file as well.

Besides the change in the geomaps.js file, it is necessary to set the height like this in the custom_styles.css file of your JReviews theme:

<source lang="css">
#gm_map_wrapper.fixed {
    top: 55px;
}
</source>

In these examples, 55 represents the height of the header/menu.


[[Category:JReviews]]
[[Category:GeoMaps Addon]]