RAW HTML ADDON: CAN BE CUSTOMIZED FOR EVERY SCREEN SIZE? - Forum | JoomShaper
Solved SP Page Builder

RAW HTML ADDON: CAN BE CUSTOMIZED FOR EVERY SCREEN SIZE?

Asked by RICARDO MARTIN ORTEGA 5 years ago Last activity 5 years ago

Hi:

I have embebed a googlemaps using Raw Html Addon, to avoid to use a credit card in google´s account.

Html text:

<iframe src="/https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d843.642261055208!2d-2.16884964776716!3d42.341086398255676!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd5abd0d80bf5fdf%3A0x8482762027784eb!2s26513%20Ausejo%2C%20La%20Rioja!5e0!3m2!1ses!2ses!4v1624957623775!5m2!1ses!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

My question: how can I customize size of this map for desktop, tablet and mobile screens if raw HTML is the same for all of them (width and height is inside html)?

Thanks in advance,

Ricardo

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff

In general it's question for Google or/and HTML support - our addon only display content added by users, like Custom module from Joomla.

But in Net there are many universal guides about this topic. Just search using "Responsive Iframe" or even how to do this with maps. Random Example: https://blog.duda.co/responsive-google-maps-for-your-website

5 more replies

Ofi Khan Staff

Hello RICARDO MARTIN ORTEGA

Sorry, we do not provide customization support. You can use custom CSS to adjust.

Best regards

Anne Staff

Hello there,

Thanks for contacting with us. To customize the size of the map on different device you have to use custom CSS.

-Regards

RICARDO MARTIN ORTEGA Asked this

Thanks to all of you, maybe you are rigth, I should make some googling before posting this question.

soetan sola olatunji

HOw to I edit content on my educon theme?

Paul Frankowski Senior Staff

@soetan
Using: SP Page Builder component, SP LMS component and articles.

But this topic is about different question, please do not make mess here. Thx.

Log in to reply.