Hi,

I have my page displaying how I want with display suite, 3 columns stacked. I have an image to the right, text body in the middle and a block in the left. It displays fine on my laptop, my screen res is 1920 x 1200, then when I look at the same page on my work monitor which is 1024x768 the right and middle columns lap over, so the image blocks part of the text field, what can I do to stop this please? I don't want to make the image smaller because it will look 2 small on higher res screens.

Thanks

Comments

aspilicious’s picture

Status: Active » Closed (works as designed)

You need to look at responsive image solutions, like the picture module. It's better to ask those questions at drupal.stackexchange.com more people will help you there.

aaronmarsh632’s picture

Hi thanks for your reply, I'll have a look at responsive image solutions. just another thought I had, would it be possible - via a module to have multiple display suite views for 1 content type? so a different display will be shown based on the users screen resolution?

aspilicious’s picture

That's not really possible as switching screen size doesn't trigger a node rebuild.
So yeah, not an option :)

aaronmarsh632’s picture

Ok thanks for the advice, Just 1 more question to extend on this, how about mobile devices? is there a way to allow drupal to automatically switch to another theme if on a mobile device?

Thanks

aspilicious’s picture

2 options:

1) Create a responsive website ==> no you can't switch themes
2) Create a mobile website ==> m.site.com ==> different theme

So it's possible, all depends on the use case and the situation.

aaronmarsh632’s picture

ok thanks for the sugestions, If I created a mobile version on a sub domain could I use the same database for both sites? so the user can use both desktop & mobile versions with same account & content will be the same etc? If so this may be the best option

Thanks

aspilicious’s picture

It's not THAT easy, because the theme stuff it self is also saved i the database and that needs to be shared. For authentication you need to look at single sign on systems for content some kind of sync or a central data api.

As you can see developing for mobile isn't that easy. That's why most people look at responsive solutions/images because that gives a mobile site with less efforts/costs.

aaronmarsh632’s picture

Ok thanks for all the help, i appreciate it