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
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”]
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
[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”]
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.
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%
}