How to size image to full size on pages? (Taste Theme)

[wafflelover]

Hello Community!

Am hoping some can help, am trying to post an image from Canva to pages as it will be my menu.

I have read other posts about size and I tried setting the image size to 1024x1024 and embedding the HTML code to pages but it still looks small and blurry both desktop and mobile.

This is the html code from Canva

  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;" src="https://www.canva.com/design/DAFOI7QLaWI/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
  </iframe>

[Untitled (1024 × 1024 px)](https://www.canva.com/design/DAFOI7QLaWI/view?utm_content=DAFOI7QLaWI&utm_campaign=designshare&utm_medium=embeds&utm_source=link)

website: wafflehutla.com

[KetanKumar]

@wafflelover

oh sorry for that issue can you please send screenshot which one do you need full

[wafflelover]

Hi Ketan,

Thank you for your response! The image that I would like to add:

https://wafflehutla.com/pages/menu

[KetanKumar]

@wafflelover

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.page-width.page-width--narrow.section-template--15489464959132__main-padding {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

[wafflelover]

I added the code it is large on desktop but still not fully visible in mobile and has this text at the bottom which isnt appearing on desktop