Problems with flex container

Rocky123 · Post by **Rocky123** » Mon Jul 24, 2023 2:42 am

Hello, I have been trying to figure out a way to make my website easier for mobile use. It always had text or images over lapping. I finally got it to work by using a flex container. But the issue now is that if I try to move text or a image right to left in the flex container it disappears. Basically I cant move anything without it dispersing. I am using 1 flex container for the whole front page. Seems like it is moving to the back. Because when I was re building it. I can see text behind the flex container box.

Thanks in advance. I am using wysiwyg 17

crispy68 · Post by **crispy68** » Mon Jul 24, 2023 3:24 am

I'm not sure exactly what you are doing. You say you want text and images to overlap. Is the text and image both inside the container? If so, they wont overlap. The flex container will not work. There may be better options but without being able to see what you are doing it is hard to offer advice. Can you provide a simple one page demo project to download and look at?

Rocky123 · Post by **Rocky123** » Mon Jul 24, 2023 4:19 am

No, the page is set up the way i want it. But some text and images are off center and if i just try to move them to center or right or left. They disappear inside the flex container. The problem is i can't move anything without this happening. I don't want anything to overlap.

Post by **Pablo** » Mon Jul 24, 2023 6:06 am

When you use a flex container, the layout is controlled by the flexbox properties.
So, unlike with absolute layouts, you cannot move objects anywhere you want. Because there is a 'structure' in the layout.

If the object disappears then you may have dropped it outside the container, so it below the other objects.

If you need further assistance then please share a DEMO project.
viewtopic.php?f=10&t=82134

BaconFries · Post by **BaconFries** » Mon Jul 24, 2023 9:52 am

Another reason why your site or page isn't displaying correctly is that you you added/inserted code between the body of the html as follows <body  this will break the structure of the html. It should be correctly inserted <body></body> Note: The highlighted in red is just a part of the code you will need to insert the full code/script.
If this doesn't resolve then see Pablos reply and the following url.
viewtopic.php?f=10&t=82134

www.wysiwygwebbuilder.com

Problems with flex container

Problems with flex container

Re: Problems with flex container

Re: Problems with flex container

Re: Problems with flex container

Re: Problems with flex container