Difference between revisions of "List page map overlapping template header"

From JReviews Documentation
Jump to: navigation, search
(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 ...")
(No difference)

Revision as of 13:37, 2 November 2011

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.