I'm trying to theme a new site with Zen 5.x, and installed the latest Drupal 7.x core and a few contribs. I've had a few problems, and wondered if I'm trying to work with some incompatible modules.

The first thing I noticed is that the name and subject fields of the comment form are much too wide to fit on an iPhone screen. I was able to use form_alter to get around this, but wondered if this is a known issue and if there were any official workarounds.

I then enabled the ckeditor module, and the rich text area seems to be a little too wide to fit the iPhone screen. Are there alternative WYSIWYG editors that might work better with responsive Zen themes?

How about Display Suite and Zen? I noticed some problems with 2 and 3 column layouts not having quite enough width. Are there other tools (like panels) that might work a little better with Zen for alternative field layouts?

I'm enjoying working with 5.x, and especially like the nice COMPASS integration. thanks

Comments

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Version: 7.x-5.1 » 7.x-5.x-dev
Status: Active » Fixed

Unfortunately, there's lots of forms in modules that assume a large screen. We've added this code to the upcoming 7.x-5.2:

button,
input,
select,
textarea {
  max-width: 100%;
}

The issues you describe are with styling, not any inherit incompatibility with the Zen theme and other modules. There's very few module incompabilities with the Zen theme. Most of them are bugs in the modules. ;-)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.