After enabling the Soledad theme, my google maps became very high. All Google Maps are set to 500px height and 100% width. Meanwhile, see what they look like:
https://www.kierunekwlochy.pl/wenecja-wlochy/

See the first Google map with a city tour route.

Even though I set the height to 500 px, the map is very tall - both in desktop and mobile versions.

I embed the map using the following HTML:

<iframe src="https://www.google.com/maps/d/embed?mid=11qX1_OuNfW4QAhRyji5CgvGpn0sQ4kQ&ehbc=2E312F" width="100%" height="500"></iframe>

Good morning,

Thank you - I added Your CSS. Google Map already has good dimensions, but a huge empty space has formed under the map. Please look:

https://www.kierunekwlochy.pl/wenecja-wlochy/

Probably the problem is here - see screenshot.

Thank you. I enabled "Disable Lazyload for All Iframes", removed critical CSS and LSCache data. Unfortunately, still unchanged:

https://www.kierunekwlochy.pl/wenecja-wlochy/

In this article I use the code:

<iframe src="https://www.google.com/maps/d/embed?mid=1IIsPM4TLfcJTdyptID_Wc6tfLHqfbWE&ehbc=2E312F" width="100%" height="500"></iframe>

The "padding" always sets itself. I do not know why. See the screenshot. I just insert a short HTML code and the padding sets itself.

There is probably a problem with the CSS style: fluid-width-video-wrapper

Maybe here?

.penci-video_playlist .fluid-width-video-wrapper {
    padding-top: 56.25% !important
}

I don't know why the fluid-width-video-wrapper style is added to the google maps iframe. It's not YouTube.

I have entered your CSS. I deleted the cache. It's bad again:

https://www.kierunekwlochy.pl/wenecja-wlochy/

This is a simple code from google that doesn't work in this theme!

<iframe src="https://www.google.com/maps/d/embed?mid=1IIsPM4TLfcJTdyptID_Wc6tfLHqfbWE&ehbc=2E312F" width="100%" height="500"></iframe>

I also include Google maps from the Spectra plugin - they also display incorrectly.

The Soledad theme treats the google maps iframe as a video. Temporary solutions do not help. A theme update is urgently needed. Please test the google maps iframe on your test environment and release a theme update.

Hi,

Thank you! Now it works fine.

So leave all this code in "Custom CSS"?

.widget ul.side-newsfeed li .side-item .side-item-text h4 a {font-size: 14px}
.entry-content iframe {
    max-height: 550px;
}
.fluid-width-video-wrapper {
    padding-top: 0 !important;
}
.fluid-width-video-wrapper iframe {
    position: relative;
    min-height: 550px;
}
.fluid-width-video-wrapper,
.fluid-width-video-wrapper iframe {
    position: static !important;
}
.fluid-width-video-wrapper {
    overflow: hidden;
    margin-bottom: 60px;
}

However, it's not OK. Google Maps now displays well, but YouTube videos now start displaying incorrectly. See at the bottom of the post:

https://www.kierunekwlochy.pl/najpiekniejsze-wloskie-piosenki-przeboje/

However, it will probably be necessary to update the theme.

Maybe you could update the theme so that both google maps and youtube work well?

Hi,

Have you started working on updating your theme yet?

By the way, I would like to draw your attention to one more error. Embedding posts from Wordpress doesn't work well either. At the bottom is a cropped portion of the frame on the Edge browser. However, on iPhone it doesn't work at all. On iPhone, the text is large and truncated. This is not how it should be.

Please see this example on Edge and iPhone:
https://www.kierunekwlochy.pl/oplata-za-wstep-do-wenecji/

Only works well on Chrome.

To sum up, please update and correct:
- google maps iframe
- youtube iframe
- way to show wordpress post previews on iphone/edge

Good morning,

Does today's theme update (Version 8.4.1) already include fixes for the bugs I reported?

I can't update it. I don't have the "Update" option. I have the Envato Market plugin installed and configured. I installed previous updates without any problems.

See the screenshot in the attachment.

Thank you. Does this update solve the problem with the Google Maps iframe and YouTube iframe?

Thank you. Now it has been successfully updated.

When can I expect a theme update with improved google maps iframe and youtube iframe?

Good morning,

The end of the month is coming. Will there be an update soon?

I will remind you. It was about the Google Maps iframe and the YouTube iframe - a problem with correct display.

I would like to draw attention to one more issue. See the screenshot.

In the Wordpress editor, I select the "Media and text" option. That is, an image on the left and text on the right. Then I set the frame background. The panel has nice margins from the edges of the frame. However, on the page, the text and photo extend to the sides - without a margin. Can this be improved?

The screenshot in the attachment shows everything.

Thank you. Will you also improve the margins in the frames (media + text)? It's about what I showed on the screenshot today.

Hello,

Does today's theme update solve my problem?

Lucas

Hi,

Are you working on a theme update for the issue described here?

It takes a while.

Regards,
Łukasz

Good morning,

Another two weeks have passed since your last reply.

I first reported a serious theme bug 40 days ago.

Regards,
Lucas

Good morning,

More than 3 weeks have passed since the last message. Is there any news about the update yet?

Regards,
Lucas

Good morning,

Does yesterday's update solve my problem from this report?

Can I remove the "Custom CSS" I posted ad hoc to resolve a theme error?

Regards,
Lucas

However, you still haven't fixed the bug with the google maps iframe.

I tried removing the CUTOM CSS, but it's still necessary:

.uag-hide-desktop {
    display: none;
}
@media only screen and (max-width: 767px) {
    .uag-hide-mob {
        display: none;
    }
    .uag-hide-desktop {
        display: block;
    }
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {font-size: 14px}
.entry-content iframe {
    max-height: 550px;
}
.fluid-width-video-wrapper {
    padding-top: 0 !important;
}
.fluid-width-video-wrapper iframe {
    position: relative;
    min-height: 550px;
}
.fluid-width-video-wrapper,
.fluid-width-video-wrapper iframe {
    position: static !important;
}
.fluid-width-video-wrapper {
    overflow: hidden;
    margin-bottom: 30px;
}

You haven't done anything about it for two months. After all, this problem doesn't only concern me. Many websites use google maps iframe.

The CUSTOM CSS I have to use to make google maps work breaks other elements. This is not a good solution.