Need Help on setting my website to different screen sizes. Columns don't have equal height

claimpt

Hey Muffin group,

this is not my first post regarding this issue so i'm hopping we can figure this out together...

So, we're building a website for a Club in Luanda (Angola, Africa). 

Over there, almost all people who have access to the internet, does it on their mobile devices like Iphones, Ipads, Etc.

With that being said, we're having trouble on building our website to look good on every screen resolution and we think that we need your feedback to get this right.

Our website is this one: http://lookalangola.com/oceanclub/

As you can see, we have our website on full-width "mode" with columns with our content.

The same here on the Resident Dj's page: http://lookalangola.com/oceanclub/residents/

As you can see, everything looks good (at least on my screen) but when we test our website on different screens, there are so many "gaps" that all our columns lose their equal height....like this: http://www.awesomescreenshot.com/image/857750/4cd0a8a7f4a8ac7883a4ca89907e9960

and on our homepage (still on development as well) too as you can see here: http://www.awesomescreenshot.com/image/857758/3bfa99c38a6d73e9ebe607293f73de32

So, my question is how can we solve this issue or what do we have to do on our dashboard do get this right...

I'm i doing something wrong with my wrap/column settings?

Can you guys point me on the right solution for this please?

Do i have to use ONLY 1/2 columns? cant use 1/3  by 2/3 like we´re using now?

This is very frustrating because every time we have a solution for a certain page, it just don't work on other screen resolutions...i hope you guys can understand...

We have posted some screenshots about this on the comment section of the theme forest too but with no luck because one of you guys told us that there was no solution for this...is that right?

So, what do we have to do here? Do we have to think about a new solution/layout for this website?

How can we have always the same height for our columns and our images to re-size to the height of our other columns witch in this case is out content columns on the left side (Residents Page)

Thanks again.

Best Regards,

Claimpt

Albert

Hi,

what you are referring to is how responsive works. You can see the same behave on our demos (we did so many of them so you can check before the purchase how such things works). Because the images must scale to different devices properly, there is no way to increase their width or height just for such purposes. At this moment, it is just technically not possible.

Thanks for understanding!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next