• Hi, as you can see on my site, its very simple, I have an iframe from a share page at garmin.com it shows a map that I would like to have display 100% width. Bascially, looking at a map when the max width is 740 pixels is very tedius.

    if you look at what the i frame is containing, it is a full page map (track.paraglidexc.com)

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter teganquin

    (@teganquin)

    found a CSS work around

    /* STRUCTURE */

    .wrap {
    max-width: 80% !important;
    }

    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
    max-width: 100% !important;
    }

    @media screen and (min-width: 48em) {
    .wrap {
    max-width: 80% !important;
    }
    }

    @media screen and (min-width: 30em) {

    .page-one-column .panel-content .wrap {
    max-width: 80% !important;
    }
    }

    @media screen and (max-width: 650px) {

    .wrap {
    max-width: 95% !important;
    }
    }

    Cant believe you cant just adjsut it in the theme!

Viewing 1 replies (of 1 total)
  • The topic ‘How to change column width on page or post’ is closed to new replies.