Edit size of map

Hey josk-design,
Thank you for the link to your site, I see that your map is a shortcode in a code block element, I added this ID to the code block element mappress-shortcode and then added this css to your Quick CSS field in your theme options:

@media only screen and (min-width: 767px) and (max-width: 1022px) { 
#mappress-shortcode .mapp-iframe {
	 height: 267%;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1438px) { 
#mappress-shortcode .mapp-iframe {
	 height: 212%;
}
}
@media only screen and (min-width: 1439px) { 
#mappress-shortcode .mapp-iframe {
	 height: 156%;
}
}

this will increase the map as you wished for basically three screen sizes
768px, 1024px, & 1440px and up, this should cover almost all devices, but there is not a way to make it truly exact because where you want the map to end is not the bottom of the column.
Please clear your browser cache and check, this is the expected results:
768px

1024px

1440px

1920px

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard