Page 1 of 1
Problems with flex container
Posted: Mon Jul 24, 2023 2:42 am
by Rocky123
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
Re: Problems with flex container
Posted: Mon Jul 24, 2023 3:24 am
by crispy68
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?
Re: Problems with flex container
Posted: Mon Jul 24, 2023 4:19 am
by Rocky123
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.
Re: Problems with flex container
Posted: Mon Jul 24, 2023 6:06 am
by Pablo
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
Re: Problems with flex container
Posted: Mon Jul 24, 2023 9:52 am
by BaconFries
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
<!-- Google Tag Manager (noscript) --> this will break the structure of the html. It should be correctly inserted <body>
<!-- Google Tag Manager (noscript) --></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