Front Page iframe width changed after theme update

Created on 18 February 2024, 10 months ago
Updated 27 June 2024, 6 months ago

Problem/Motivation

Hello

We have a Basic Page, which is simply some HTML code to include an iframe on the front page of our website. The iframe calls up a map graphic from another of our internal websites. This was working fine until very recently. I believe it is an upgrade of the Amun theme that caused the issue. The map used to span the whole width of the website front page using the code:

<iframe .... height="600" width="100%"></iframe>

But now the iframe window only covers the left hand side of the screen, and only uses around 20% of the available space (see attached). It's almost as if it is now hard-coded for the dimensions of a mobile phone and nothing else.

If I switch to another theme for the front page, then the map displays correctly, which obviously makes me suspect that the Amun theme is doing something strange.

If I look at the code in Firefox Inspector, this piece of code seems to rendering the map:

<canvas class="maplibregl-canvas" tabindex="0" aria-label="Map" role="region" width="284" height="584" style="width: 284px; height: 584px;"></canvas>
πŸ’¬ Support request
Status

Fixed

Version

2.0

Component

Code

Created by

πŸ‡ΈπŸ‡¦Saudi Arabia ishore

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @ishore
  • πŸ‡ΈπŸ‡¦Saudi Arabia ishore
  • πŸ‡ΈπŸ‡¦Saudi Arabia ishore
  • Assigned to flashwebcenter
  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Thank you for bringing this to our attention. It sounds like the issue you're encountering with the iframe not spanning the full width of your website's front page could indeed be related to the recent upgrade of the Amun theme.

    To better understand the problem and provide a more accurate solution, I would need to take a closer look at the actual implementation on your website. If you could provide the URL where this issue is occurring, it would be greatly helpful. I can inspect the code more thoroughly, including the CSS rules that might be affecting the iframe's dimensions post-theme upgrade.

    I'm happy to look into this issue further once I have the URL.

    Best wishes,
    Alaa

  • πŸ‡ΈπŸ‡¦Saudi Arabia ishore

    Unfortunately, the map display is confidential information, and only available to specific authorised users. I have created another iframe that links to the BBC News website, under the heading "Today's BBC News" on the front page. It doesn't work properly, but the rendering is still the same, occupying only 20% of the screen.

    Website is www1.hpc.kaust.edu.sa.

  • Status changed to Fixed 10 months ago
  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Hello,

    I've made recent updates to the development version of the W3CSS theme β†’ . I encourage you to download and review the updated page at your earliest convenience. Also, I recommend using the Solo β†’ theme for your next projects if you can. The Solo theme has a special feature that lets you put the main menu on top of the header by flipping it.

    Best Wishes,
    Alaa

  • πŸ‡ΈπŸ‡¦Saudi Arabia ishore

    Yes, it's working after installing latest dev version, thank you. Will have a look at the Solo theme at some point.

  • Automatically closed - issue fixed for 2 weeks with no activity.

  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX
Production build 0.71.5 2024