Margin – Device Notch

  • Resolved jack5496

    (@jack5496)


    1 year, 3 months ago

    I can add an iFrame in the device Wrapper but the content goes over the notch. How can i add a small margin or enable, that the content is not over the notch?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Bogdan Bendziukov

    (@barb0ss)

    Hello @jack5496 !

    In your case I can suggest to options: either select a device without a notch or you should apply custom styles to the device, so the iframe won’t be covered by the notch.

    If you provide me a link to your page with the Device, I can help you to apply custom styles.

    Thread Starter jack5496

    (@jack5496)

    Is it possible to simulate a larger content in the phone, so that the content is scaled down?

    Plugin Author Bogdan Bendziukov

    (@barb0ss)

    You can use the attribute fit for that:

    fit?– how the content should fit into the device (defaults to?cover). Available options are:

    • cover – cover the device’s screen;
    • overflow – keep original sizes of the content, if the are bigger than screen size – the content will overflow the screen with the ability to scroll it;
    • overflow-x – fit content by height, overflow by X axis;
    • overflow-y – fit content by width, overflow by Y axis;
    • contain – fit completely on the screen of the device.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Margin – Device Notch’ is closed to new replies.