Shape 5

Joomla Templates => Zoka Transports - Club => : chrstna May 08, 2015, 04:27:09 AM


: Google maps not showing properly in responsive design
: chrstna May 08, 2015, 04:27:09 AM
Hi,

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.

Regards,

Christina

: Re: Google maps not showing properly in responsive design
: mikenicoll May 12, 2015, 12:56:20 AM
Hello,

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.

Regards,