This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

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

11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 11 years, 2 months ago

    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. Ruizhe Li 11 years, 2 months ago

    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. Ruizhe Li 11 years, 2 months ago
    <iframe src="https://togoorder.com/web/785#/" width="100%" height="720">

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

  4. Andrew Misplon Staff 11 years, 2 months ago

    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. Ruizhe Li 11 years, 2 months ago

    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. Andrew Misplon Staff 11 years, 2 months ago

    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.

Have a different question or issue?

Start New Thread