Responsive Issues: 50/50 text-image row & Blog Minimal

[Aoreus]

Hi guys,

love your theme and can’t wait to finally publish my new site.
There are just 2 more issues I need your help with.

1. Responsive Behaviour of 50/50 text-image row

I have built a full width row with a 1/2 text box and an 1/2 image. In standard desktop and mobile portrait everything is fine. http://steuerberater-schuschke.com/wordpress/ueber-mich/

But in Small tablet landscape (800×600), Tablet portrait (768×1024) and Tablet landscape (1024×768) layout, the result is unsatisfying – The image doesn’t cover full height of the row due to the larger text. (See image resp. web dev responsive layout) https://dl.dropboxusercontent.com/u/34710598/About_50-50-text-image-responsive-problem.png)

Is there a way to fix this? I can imagine
a) Force the image to be displayed below the text box (like in mobile layout).
b) Force image full height and display ist not full width, but “cropped” on the sides – like it is done with the slider image or in this theme http://www.brandexponents.com/road-modern
c) Let the text size scale dynamically

2. Responsive behaviour of blog minimal
I have built a standard width row with the blog element in minimal style. http://steuerberater-schuschke.com/wordpress/

On mobile portrait, the responsive doesn’t work correctly and the post text and image are not correctly resized but go beyond the screen (see image https://dl.dropboxusercontent.com/u/34710598/Blog_minimal_responsive-problem.png )

What am I doing wrong?

Thanks for your help and best regards,

Alex

[Rui Guerreiro – SUPPORT]

Hi,

Regarding 1, it seems that you already made some changes. This is what I’m seeing in a Tablet resolution.
https://www.dropbox.com/s/0omj6xtf31i780d/50_50.png?dl=0

Regarding 2 can you provide us admin access or a screenshot of the settings of the Text Blocks?

-Rui

[Aoreus]

Hi Rui,

thanks for getting back.

1) Yes, I made a change, but I just “faked” the effekt:
– by using a background texture and a transparent png- with TYPO
– By decreasing body font size.

The initial problem does still exist – you will see it also on your buddypress demo (below the icon boxes)
http://cardinal.swiftideas.com/demos/#buddypress

I will try to make the images larger and the text smaller, but that is no really good solution for the longer run.

Would be great if you can fix this – or, just an idea: Maybe it would be useful to create an own Content element “text-image-box”, where you can chose an image, enter text and control the behaviour on responsive (like in the example http://www.brandexponents.com/road-modern/)

2) I made a screenshot of the blog settings
https://dl.dropboxusercontent.com/u/34710598/Blog_minimal_screenshot-settings.png

Thanks in advance,

Alex

[Rui Guerreiro – SUPPORT]

It seems that the text block it’s to large for the image to fit. Try to reduce the padding of the Text Block and also the text to see how it looks.

Regarding 2, add the code below to the theme custom css option.

@media only screen and (max-width: 991px) {
.mini-items .blog-item figure {
width: 100%!important;
}
}

Thanks
-Rui