Home>Support>How to create stretch image to full width and how to create an iframe on vantage theme

How to create stretch image to full width and how to create an iframe on vantage theme

Hello, my name is Richard, and my website link is www.mybluetop.com
I run vantage theme pro, I can provide my license # if needed.
I’m having trouble solving two things here one is that the the landing page you land on I’m trying to create a page that would be a landing page for special promotions/advertising that draws traffic, so I want the picture there to be a full width/height picture to fill up the screen, as well as mobile version of it. however no matter what I tried to change the picture seems like to be boxed in and it won’t go over to the edge, how do I stretch it.
Second question is I tried to create a iframe for this specific url ” https://togoorder.com/web/785#/ ”
No matter what kind of plug in I use and wether or not I put it in a source code form its not working for me. What steps should I do if there’s anything specific in vantage that I should be doing.

URL: http://www.mybluetop.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Richard

    Page Builder 2.0 can create full width rows. Click the wrench icon at the end of the row in Page Builder, click edit row, click the Layout tab and make row layout, full width stretched. Add your background image under the Theme tab above that.

    Let me know if that works for you.

    You could add an iFrame via the Text widget. Let me know if have more info on that. I can try help further.

  2. 9 years, 9 months ago Ruizhe Li

    Hey Andrew, Thx for the help,
    I worked out with the iframe and stretching the image, however my page is a bit buggy here after I used iframe on text editor. if I scroll down the page my menu gets shifted and then cut the page in half some how.
    the link is
    http://www.mybluetop.com/menu
    embedded page is https://togoorder.com/web/785#/

    this is the code i put down for the iframe. Let me know what I did wrong here. Thank you!

  3. 9 years, 9 months ago Ruizhe Li
    <iframe src="https://togoorder.com/web/785#/" width="100%" height="720">

    Sorry code didnt go through, here’s the code.

  4. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Perhaps it’s a screen size issue, but I’m not seeing any obvious issues here: http://www.mybluetop.com/menu/.

    The page you’re embedding also has a mobile menu, is that what you’re asking about?

    Were you previously using the sticky menu and have now turned that off?

  5. 9 years, 9 months ago Ruizhe Li

    Yes I took out the sticky menu on top of my screen so it solves the problem this way, however if I want it back and the menu is cutting page in half, what should I do here?
    also there’s a blank space between my master menu and top of my screen, how do I get rid of them?

  6. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    We’d need to see it in action in order to try help with the overlap problem you’re seeing.

    Your menu looks like it’s at the top of the page to me. If you’d like to adjust menu padding you can do so from Appearance > Customize > Menu.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More