List page map overlapping template header
From JReviews Documentation
Revision as of 13:37, 2 November 2011 by Jreviews (Talk | contribs) (Created page with "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 ...")
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:
- /com_jreviews_addons/geomaps/views/themes/geomaps/geomaps/map_results.thtml
(or copy the file into your custom theme in this folder /themes/{yourtheme}/geomaps/)
Find this line in the file:
var y = jQuery(window).scrollTop();
and add the height of your fixed header like this:
var y = jQuery(window).scrollTop()+55;
also add this into custom_styles.css:
#gm_map_wrapper.fixed { top: 55px; }
In these examples, 55 represents the height of the header/menu, adjust the value based on the height of your header/menu.