Hello guys,

I was wondering if this theme could be remade to be a responsive theme (for mobile devices and tablets) ?
I am relatively new here and I am not quite sure if this is even achievable. I know you would have to add
the mata tag viewport and add special css tags such as @media only screen but what about other modifications?

Thanks for your support :)

CommentFileSizeAuthor
#4 bluez-responsive.zip815 bytesChaosProtocol
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

papper00’s picture

papper00 CreditAttribution: papper00 commented

Using Bluez as a base theme for a project and I've just finished a basic mobile stylesheet. I didn't need to do too much to make the theme responsive other than change all the set widths to auto, set a few regions to display as blocks and float some of the items left with a clear.

No access to it right this second but if you remind me I'll gladly edit out the custom parts and share it when I get back to my dev PC tomorrow :)

Ujval Shah’s picture

Ujval Shah CreditAttribution: Ujval Shah commented

I have started to write responsive version for this theme. Will deploy on DO soon.

ChaosProtocol’s picture

ChaosProtocol CreditAttribution: ChaosProtocol commented

Thank you for the replies.

papper00 - Yes, that would be very helpful if you could paste here the modifications you had made
so that others could use this information too, until Ujval deploys the new version of theme (Looking forward to it).

ChaosProtocol’s picture

ChaosProtocol CreditAttribution: ChaosProtocol commented
FileSize
bluez-responsive.zip815 bytes

Hello again,

I had help from a fellow developer, so I am posting a CSS file as a temporary solution until the creators of the theme release a official one. You may have to tweak it a little depending on how much you have changed the core theme. Either copy the content into the main style.css file or upload the file itself and make sure you reference it in the theme info/settings.
You can see it in action here:
http://dosird.uns.ac.rs/

Or, you can test your own site here:
https://www.google.com/webmasters/tools/mobile-friendly/

Optional: Add these lines to your robots.txt file so that the google bot can access the .js and .css files:

User-agent: Googlebot
Allow: /sites/default/files/css/*.css
Allow: /sites/default/files/js/*.js

ChaosProtocol’s picture

ChaosProtocol CreditAttribution: ChaosProtocol commented
Status: Active » Needs work
Patricia_Van_Overstraeten’s picture

Patricia_Van_Overstraeten CreditAttribution: Patricia_Van_Overstraeten commented

This is a very nice theme but I have the same problem ...

Can I send my css to somebody to help out ?

thank you in advance !!
Patricia

this is the project

http://moeys.digitalpartner.be/nl

Ujval Shah’s picture

Ujval Shah CreditAttribution: Ujval Shah as a volunteer commented

Hello All,

I am working on a new version of this theme, which will cover the responsive feature too. It will take around couple of weeks to get available.

Thanks,
Ujval

Patricia_Van_Overstraeten’s picture

Patricia_Van_Overstraeten CreditAttribution: Patricia_Van_Overstraeten commented

Hello,

Did you have the time to make the theme responsive ?
the website is online on www.moeys.be - great theme !!
thx
Patricia