• Closed
  • Govert Pellikaan
    Spectator
    September 1, 2016 at 5:20 pm #30143

    On my Evolve+ WordPress homepage iframes placed in the sidebar through widget only get a max width of 230 px when shown in mobile view, while inside the sidebar there seems to be enough room to show approximately 300 px?? Anyhow, I would like my frames (already adjusted to 266 px) to show normally in mobile view. [placed inside a frontpage content box the same iframe does show completely, so there must be some sort of styling/padding/margin issue?

    kind regards, Govert

    testsite.groningercombinatie.nl

    Denzel Chia
    Moderator
    Posts: 2656
    September 2, 2016 at 6:00 am #30149

    Hi,

    Your iframe in your sidebar does not have an unique ID or Class name.
    The following code will affect any iframe that is deployed to your sidebar.
    Please use the following in Theme Options -> Custom CSS
    It will set iframe to a minimum width of 300px.

    #secondary .textwidget iframe {
    min-width: 300px !important;
    }

    Thank you

    Govert Pellikaan
    Spectator
    Posts: 9
    September 2, 2016 at 1:21 pm #30150

    Hi Denzel,

    I tried your code, but then you still had to scroll sideways to see the game board, while the margins to the left seemed to offer enough room. Therefor I copied your code from the frontpagecontentboxes, that do show more content-width. With the margin-minus-code out your “.row div” I made this following change, and it seems to work. testsite.groningercombinatie.nl

    div#secondary.aside.col-sm-6.col-md-4 {
    margin-left: -30px !important;
    margin-right: -30px !important;
    }

    Thanks, as always, for your quick reply,

    Govert

    Denzel Chia
    Moderator
    Posts: 2656
    September 3, 2016 at 6:57 am #30155

    You are welcome.
    Thank you