Responsive web design (often abbreviated to RWD) is an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile ...
-2
votes
2answers
37 views
Views slideshow without jQuery Cycle
I have a view slideshow that I managed to set up by following these instructions.
I want to use a responsive slider plugin instead of the jQuery Cycle plugin in Views Style Settings. How can I use ...
2
votes
1answer
37 views
Optimized way to use media queries
I'm looking for the best way to use media queries within a drupal theme (based on Zen 5)
The options I've found are :
Defining media queries in the info file eg :
stylesheets[all][] = ...
2
votes
1answer
63 views
Omega theme, global css and the lack of grid at global.css
It seems that I misunderstood one major feature of the Omega theme. From what I see, the mobile-first basic css file - global.css - ignores the grid layout altogether and stacks elements one over ...
0
votes
1answer
41 views
Is there a pre-styled Omega subtheme out there?
I am after a theme that looks good out of the box and I don't need to make a lot of theming changes. The customer is not fussed about the styling but obviously doesn't want a stark/bare looking site ...
0
votes
1answer
28 views
Is there a implementaion of the foundation framework for panels?
I recently heard about the foundation framework and I wondered if there is an implementation for panels.
0
votes
0answers
22 views
Mobile nav to standard navigation loses functionality on screen orientation change
I am looking for the easiest solution to this problem:
I have a javascript-enabled mobile menu for small mobile devices. I just found that when using Chrome on a Nexus mini tablet, it renders as ...
0
votes
1answer
163 views
Drupal 7 Omega responsive theme. How to disable the mobile breakpoint?
I'm aware that responsive design is mobile led and what I am trying to do may not be considered responsible. However, I have an omega theme and the previous developer has (or the theme default) is ...
0
votes
3answers
63 views
How can i make a Slide Show for my Home Page with the following requirements [duplicate]
How can I make a Slide Show for my Home Page with the following requirements:
The image would link to any content
The caption would be different for all images of the slide show
The slide show would ...
0
votes
2answers
366 views
Seamless Responsive Photo Grid with Omega
I'm trying to create a responsive full screen gallery based on quite a simple idea, but without success. Idea is to have full screen view of many pictures that are adapting to screen resolution ...
0
votes
1answer
68 views
Preventing FlexiSlider (Adaptive) to resize beyond a certain minimum height
I am using Flexi-Slider and AIS to create a responsive (full-width in this case) Images Slider for a front page on a Drupal 7 install.
I got it working perfectly but I would like to restrict the ...
0
votes
1answer
77 views
JS Resize function for div containing a a slideview slideshow and set as a page background
This is for a drpal 7 install.
Is there a way to apply the same function they discuss in this thread
...
0
votes
1answer
86 views
Youtube video size in grid theme
I am trying Omega and wondering if there is a way to specify the size of the Youtube video in grid terms, so I could easily show few videos next to each other (in a view for example).
Or if there is ...
3
votes
3answers
125 views
How to style a view in Omega
I want my view to use Omega's grid system, but could not find a way to do it.
There is this thread http://drupal.org/node/1491678 that suggests using "Views Column Class" module. Is that the best way ...
1
vote
1answer
155 views
What's the difference between global.css and default.css files in Omega theme?
I´m still testing the Omega theme, and trying to get its templates and css files to work out for me. I´ve already read at the documentation and issues´ replies at Drupal forums.
They say:
Think ...
0
votes
1answer
474 views
responsive menu toggling module?
I was curious after stumbling upon this particular construction of a responsive menu.
How was this responsive menu toggle menu created? is it via a module or just pure css / javascript?
...
0
votes
0answers
42 views
strange CSS image behaviour in a media query
I'm using Drupal 7 and Zen Theme 5.x. I have an image gallery made of 640X960 and 320x480 images scaled down depending on breakpoints I set, which are all seen perfect one after another as a list of ...
-2
votes
1answer
310 views
Responsive MainMenu for D7
Is there a module that give a good UI for MainMenu's that is responsive and adaptive to different screen sizes?
0
votes
0answers
53 views
Centering resizable images in recursive divs with CSS
I'm working on theming an image gallery content type I created through which a user uploads several images and as a result see a list of images on the page.
I use Responsive Images and Styles module ...
0
votes
1answer
398 views
How to Style the OM Maximenu using an AT Base Theme in Drupal 7
I am trying to install the Om Maximenu while keeping the AT Base Theme's menu styling. I have followed the following instruction:
Main Menu - You have the option to make this as your main menu.
...
0
votes
2answers
109 views
Omega Layout Configuration
I'm new to Drupal and Omega theme. I made a subtheme of Omega 3.x HTML 5 using Omega tools.
I need to configure zones and regions in theme settings, Thus i went Home » Administration » Appearance » ...
5
votes
1answer
614 views
How to make a responsive theme in Zen 5? Modules and procedures to keep or to leave from older Zen versions [closed]
I'm using Zen theme back from 2007, when Drupal 5 comes out (anyone remembers those subtheme directories put into the main zen directory?). Thanks to this theme reliability and awesome community, the ...
2
votes
1answer
258 views
Use Zen grids with Views
We are using Zen 7.x-5.x with responsive settings and I want to create a grid for some items. That is responsive and adaptive so first the grid is 3 items and then when the viewport gets narrower ...
0
votes
3answers
315 views
Responsive Layout of multi-page website in Adaptive Theme
I've read the book 'responsive web design' by Ethan Marcotte over the week & gone through the documentation on Adaptive Theme website, however, I'm confused about how to take responsive theming ...
0
votes
1answer
128 views
z-index Drupal 7 Skeleton Boilerplate discriminating roles?
I'm building a website using Drupal 7 for the first time. I have always built them on Drupal 6 using the basic theme to build my own custom themes from. This time I decided to change, because I ...
1
vote
4answers
513 views
Theming Panels with Zen Grids
I want to theme Panels using Zen Grids for layout.
Question:
Since all content in Panels appears in the 'content' div, what is the most flexible way to use Panels to place content anywhere on the ...
8
votes
3answers
586 views
Managing blocks in a responsive theme
I'm just starting a responsive theme based on Omega, concentrating on the mobile layout at first.
There are certain blocks that will probably be deemed too 'heavy' to include on the mobile layout, ...
2
votes
2answers
356 views
How to add a new responsive Layout for large viewports to Omega Theme
I would like to add another Layout to the Omega-Theme Settings, because i need a certain media-query for an extra-large viewport. I tried adding a new setting to the .info-file but without success.
...
0
votes
1answer
200 views
CSS styling for devices in Adaptive Theme [closed]
Ive been searching on and off for a few days now and early next week I need to get cracking on making our website compatible with tablets, smartphones etc etc and yet more etc.
Is there any tutorial, ...
0
votes
1answer
104 views
General Approach in Zen-Theming: 3 different fixed-width layouts based on viewport-size
I am building a zen-subtheme which should have 3 breakpoints depending on viewport-size, but none of the layouts has sidebars, there is a small horizontal navigation for all layouts.
By default, Zen ...
0
votes
1answer
62 views
How to group multiple blocks into one big block
I have a website with Drupal 7 and the customer just asked to make it "responsive design".
I need, for the design to respond correctly, to group some blocks I already have into some bigger blocks, on ...
0
votes
0answers
470 views
Image Responsive Carousel like image Gallery
I have created a view of images and I want to display those images in a carousel like display but that needs to be responsive. I came across a jquery plugin for this called "elastislide" but cannot ...
1
vote
1answer
665 views
Responsive Image Gallery
I want to create a responsive Image gallery block. I have used Views Slideshow Liquid Carousel module for this but that is not working properly, It breaks when the screen is too small. I want a ...
0
votes
1answer
60 views
Which module for responsive images without Apache? [duplicate]
Possible Duplicate:
Handling Mobile Images in Responsive Drupal 7 Theme
I'm searching a good module to manage responsive images.
My site is build with Omega theme and the site will be ...
1
vote
2answers
1k views
Make views slideshow responsive - remove inline styles
How does one remove the inline hard coded styles of height and width from views slideshow? I'm trying to make views slideshow responsive.
I'm trying to make my slideshow responsive (no i'm not ...
1
vote
0answers
89 views
how to deal logo in reponsive theme
I am creating my first responsive website http://islamabadpools.com, I have used Omega as a starter theme and it works almost perfectly for layout.
I used absolute image module for adaptive images ...
0
votes
2answers
203 views
Setting up responsive content within a responsive theme
I want to make a layout INSIDE the main content which is responsive.
I've read through dozens of pages, watched several videos and still there is no clear path to acomplish resposive content.
I ...
1
vote
1answer
121 views
adding a grid with specific class in adaptivetheme
I'm trying omega and adaptivetheme to use responsive webdesign.
On omega that uses 960grid, I can add a "grid-X" class to an html element to display it in the grid, with the right width etc.
Is there ...
0
votes
0answers
31 views
Attach individual view content to regions?
I have a view that outputs 4 fields and I want to then take those 4 fields to attach it to a region.
So it would look like this
Region 1 | Region 2 | Region 3
Title | Title 2 | Title 3
Body ...
3
votes
2answers
1k views
How to use Twitter Bootstrap with panels?
I am using D7 to built a new site. I am using Twitter Boostrap to create responsive themeing in my site. But most of my design has to be built with panels, the panels does not work responsive with the ...
1
vote
2answers
104 views
How to remove the size attributes of all fields? (D7)
Size attributes just get in the way of responsive forms, and I realize most form fields can be overridden by CSS, but field types like input[type="file"] still do not behave well if a size attribute ...
1
vote
3answers
1k views
Omega Theme: how to change the stacking order of each region for each layout?
I´m starting my first theme with Omega. I´ve read the documentation, and managed to understand how it works.
My problem here is that I don´t know how to stack regions in different order for each ...
0
votes
2answers
2k views
How to decide wich responsive base theme is better for a certain project?
I know that each project is different and there´s no such a thing as one size fits all. BUT, when you want a responsive theme, you have the choice to start it from scratch or use a base theme.
The ...
2
votes
1answer
300 views
How to choose a CSS grid system for new theme?
I am going to make a new responsive theme based on an existing base theme for drupal 6. The theme need to be minimal but flexible. As there are many CSS grid systems to choose from, I've read that ...
1
vote
0answers
59 views
Does “Boost” module work together with “Theme Key” module?
Has anyone experience with both modules working together? Especially when it comes to different style-sheets for different devices.
Thanks in advance.
0
votes
1answer
178 views
Which responsive design themes are available for Drupal 6? [closed]
I am going to revamp a Drupal 6 site with a responsive theme. I am wondering which of the contributed themes (if any) are the most apt, or at least the best starting point to work on?
1
vote
1answer
564 views
Responsive Superfish module?
I'm trying to make responsive the menu generated by the superfish module and using the Omega theme by using this appoach:
Demo (try resizing your browser)
Script on Github
I also found a theme for ...
3
votes
2answers
189 views
Change the front page based in the screen size of the visitor?
I use the Omega theme to make a site responsive.
I need to change the Front Page of the site based in the screen size of the visitor.
The idea is to hide a front page which include a flash movie on ...
0
votes
2answers
451 views
CSS, Omega theme - how to make a <li> use 2 or 3 grids depending on screen with?
This question applies to Omega theme, but I think it is general to any responsive grid based theme.
Is there a method to make a <li> occupy either 2 or 3 grids, depending on screen width?
In ...
0
votes
0answers
372 views
Responsive/adaptive jPlayer skin for Omega-based theme?
I'd like to download or build a responsive/adaptive HTML5-supported skin for jPlayer fields embedded in nodes on my site that already has an Omega-based theme with the responsive grid enabled.
If ...
