I have a container - inside are two more containers (one with an image, the other one an image is in the background) how do I get these two containers to sit side by side at the wider screen breakpoints? Right now the second container is below the first container centered in the parent container (wow, if that makes sense??)

Can not identify the options to control if these two graphic containers are side by side or above and below? WOuld like to control the content on the site at larger sizes this way if possible.

Thanks - K

Is this the same as before?

I am still working on a video thingy, there is a lot going on that needs addressing not just those containers

I have to ask why do you have a background image in the other containers? that is throwing out all sorts of positioning stuff and at larger screen sizes, and at small screen sizes they get cut off

Actually, I have tinkered with another area and I am starting to "kill" the layout of my site - probably should stop.

At the top of the site homepage - the client wanted his logo in a black "band" and having difficulty in getting it to fill the whole div and now I moved the image to the right - below from where it was.

And undo is not allowing me to get back to where I was before sending it to you.

-K

And thank you for working on the previous request!

No Worries, there is a video for that first problem, along with a couple of further suggestions

It's loading to you tube as we speak, but my internet is almost nonexistent, so it will take a while, I will email you with the link when its up

I can send it back to you via dropbox again (as in untouched just as you sent it to me before
does thew client want the logo in the same container as the menu or below it (a lot of fiddleing needed at mobile widths if they want it in same container as the menu, but it is doable

If undo not working, and it's not too late just close without saving

Client was fine with the logo below the nav bar (it was there previously, he wanted it larger) - I explained the same information about size considerations in the navbar.

You don't need to sendback I will use your video tutorial to correct form my end.

-K

I'm working with site designer and am having trouble figuring out exactly how to make containers "indent" so that they are contained as a component or part of another element. I can usually get containers inside other containers but I'm building a new Oribit section where I really need a container to sit inside of the "li" item.

No matter what I do when I try to move, or cut and paste, the container either posititions itself above the "ul" container or well below it. Is there any way to control, even with keyboard shortcuts like a shift-tab or something to allow that container to be placed in the desired location?

I'm trying to do something like this where there is a "div" that has a heading and a paragraph that is under the "li"

<li class = "is-active orbit-slide">
<div>
<h3 class = "text-center">This is your 1st slider</h3>
<p class = "text-center">Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. </p>
</div>
</li>

<li class = "orbit-slide">
<div>
<h3 class = "text-center">This is your second slider</h3>
<p class = "text-center">Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. </p>
</div>
</li>

<li class = "orbit-slide">
<div>
<h3 class = "text-center">This is your third slider</h3>
<p class = "text-center">Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. </p>
</div>
</li>

Are you using the foundation "orbit" component component from the components library?

here is the new link to the video moving things around

https://youtu.be/DYbJ-cqZNmE

there is another on the way specifically for the orbit componebt