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 ...")

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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.