-
Posts
-
Hi,
I have a color section with 2 column layout element and min. height set in pixels.
Text alone is perfect in middle:
http://gyazo.com/e29e5d41c022b568f05db0fd890baf65But as soon i add something like an image or slider etc. to the second column – the text in the first column is no longer vertical centered:
http://gyazo.com/54a16c58a886abbd2017aa7284c07c25How can I have text and image have vertical in center?
Thanks for your help
PeterHey pegasso4444!
Add a whitespace / separator element above your text to move it down a bit.
Regards,
ElliottHi!
it looks ok for me on iPad and iPhone, but what do you mean with vertical aligned text? can you show us a screenshot of what you want to achieve? so we get a clear idea and can provide you some precise CSS. However, if you want to make a custom layout for mobile you need to use media querries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Regards,
AndyHey!
attached you see a screenshot. On the left is what I have and on the right you see what I try to get.
In Words: I need a color section with 2 column layout where the image and the text always stays vertical in the middle on all devices.
Thanks for your help
PeterHey!
attached you see a screenshot. On the left is what I have and on the right you see what I try to get.
In Words: I need a color section with 2 column layout where the image and the text always stays vertical in the middle on all devices.screenshots
Demo Site
Thanks for your help
PeterHey!
thanks for taking the time to provide us screenshots, unfortunately Google Drive does not give me access to view them:
Can you change permission so we can have a look into it? you could also use imgur.com or public dropbox instead.Best regards,
AndyHi,
Here is the new screenshot:
http://gyazo.com/1db9b7aa29ca0f6d072b4b5513a2f474The Link to the site:
http://igenius-design.com/igenius-is-responsive/
Best regards,
Peter
- You must be logged in to reply to this topic.