[kdarkerParticipant #30004]

Hi there

The map on contact page is now no longer taking up the entire page. The only editing I did on it was removing some social icons. As far as I know. But I must have made a mistake..

Can you help me with changing this back to full page? Thanks

http://www.siobhanoshea.com

[serkanModerator #30010]

Your website’s contact page shortcode should be like this;

[section_title aign=”center” text=”Drop Me A Line”]
[contact_form to="info@johndoe.com" subject="Contact form message from Empathy"]
[map latitude=”-25.363882″ longitude=”131.044922″ zoom=”5″ image=”http://themes.pixelwars.org/empathy/wp-content/uploads/2015/07/marker.png”]

Thanks

[ighanizadaParticipant #31666]

I had this problem, make sure you dont delete the last social icon. The last social icon has a different code to indicate it is the last one. You probably did this. Or just add this to your last one

[social_icon last_icon="yes" type="skype" url="whatever"]

[serkanModerator #31679]

Thanks for the feedback =)

[aevoraParticipant #50469]

Hello, I have the same problem with the map not covering the whole page.

http://www.antonioevoragala.com/#/contacto

This is my shortcode:

[section_title aign=”center” text=”Drop Me A Line”]
[contact_form to="info@johndoe.com" subject="Contact form message from Empathy"]
[map latitude=”-25.363882″ longitude=”131.044922″ zoom=”5″ image=”http://themes.pixelwars.org/empathy/wp-content/uploads/2015/07/marker.png”]

How can I fix it? Thanks.

Regards

[serkanModerator #50501]

Hi aevora,
I just checked your related url and I didn’t see any issue. Do you still have any trouble with the map?
Thanks

[aevoraParticipant #50506]

Yes! Look at he picture. There is a gap between the map and the end of the page.

https://imgur.com/a/visoL

Regards

[serkanModerator #50519]

Hi,
Could you tell me your test platform and version as well.
When I check the website there is no more issue in the screenshot.
Thanks

[aevoraParticipant #50576]

It’s curious… but if I look at the webpage from my iPhone or from my Dell laptop it looks fine with several resolutions (1024×768, 1280×768, 1366x 768, etc)

But if I look it from this Philips monitor https://www.philips.es/c-p/170S6FS_00/- with the maximum screen resolution of 1280×1024 it looks like the picture I posted before. I guess it’s because the resolution?

PD: I am using the lastest version of Google Chrome in all my devices.

Regards

[serkanModerator #50586]

Hi,
You can use this custom css code;

.content { height: 100%; }

Thanks

[aevoraParticipant #50609]

Hi Serkan, with that CSS the height is fixed when the div “content” has a height over 700 pixels, but then it looks again bad when the height is less than 700 pixels.

So I have included this conditional CSS and now it works fine with every height.

}
@media screen and (min-height: 700px){
.content{
height:100%
}

I think you should fix it for the next version.

Regards

[serkanModerator #50638]

Thanks for the feedback.