Forum Support

Advanced Search


Offline chrstna
Free Member
Posts: 3
Posted on: May 08, 2015, 04:27:09 AM


My template settings are as follows:

Width: 1270
Max Width: 1400
Responsive enabled.

I have the google maps in the module position bottom row 3-4 with menu items in 3-1, 3-2, 3-3. Row % are set to 20, 20, 25, 35 respectively. I have also set the map height to 300.

The map displays fine on my imac 27 inch but when viewing from my macbook pro 13 inch, even though I am viewing it from full screen, the map displays like the image attached. The frustrating part is that when I stretch the web page out wider just 2mm, the map displays properly.

When I turn off the responsive webpage it displays correctly.

How can I make the map show at height 300 on my macbook pro 13 inch full screen display?

Thanks for your time.



Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: May 12, 2015, 12:56:20 AM


In the s5_responsive.css file around line ~200 or so you should see the following coding:

#s5_map_canvas {
    height: 498px !important;
#s5_map_canvas {
    height: 698px !important;

Removing or adjusting these values will change the height triggers for responsive as needed for your page.


Jump to:  

Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by
Page created in 0.017 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.