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 ...

learn more… | top users | synonyms

-2
votes
0answers
36 views

What are you all doing to make a responsive Drupal theme by April 21? [closed]

Starting April 21, Google will lower the ranking of your site in its mobile listings if your site isn't "mobile-friendly!" What are you all doing to make a responsive Drupal site? More info about ...
1
vote
1answer
56 views

Adding a “three line” character (☰) or image to TB Mega Menu dropdown button

I'm currently developing a website with TB Mega Menu using a Zen subtheme. The problem is that the default TB Mega Menu button (the one that replaces the 'normal' horizontal menu on smaller screens) ...
0
votes
1answer
24 views

response grid view and adaptive themes

I have: a view which displays three pictures of 300 * 200 each it should be responsive at breaks of 300 and 600 adaptive themes 1) I installed responsive grid view. In here I need to add a wrapper ...
0
votes
1answer
29 views

How to display elements responsively side by side using Bartik theme, similar to bootstrap grid?

I am developing a module for Drupal 8, currently using the default Bartik theme. My module defines some pages through twig templates. As I am displaying several sections of a dashboard, I would like ...
0
votes
0answers
21 views

Make Drupal 5 site with Zen mobile-friendly?

I have an old Drupal 5.7 site using a very bare bones Zen theme that I haven't upgraded because honestly I love the performance of it. It's so snappy compared to my other Drupal 7 sites. With ...
0
votes
0answers
15 views

How to make text responsive inside a WYSIWYG editor?

I have some node fields(text areas with WYSIWYG) presented as tabs(using Panels and Panel tabs). What I want is the text that is inside the WYSIWYG editor to be responsive like the tabs.How can I make ...
1
vote
1answer
21 views

Responsive Views-Slideshow Json Cycle working good in Chrome not in IE or mozilla

In drupal I AT themes, views with slideshow of json2 and cycle plugin. I set the options for the plugin like this : Make views slideshow responsive - remove inline styles height auto , width auto ...
0
votes
0answers
13 views

How to get page elements to span the entire page using Drupal 7, zen 7.x-5.x, ZenGrids

What I want to do is what John Albin does on the www.zengrids.com with that green bar element "features".
0
votes
3answers
39 views

Seeking an approach to maintain a drupal site from a mobile platform

I have a client who needs to update their drupal site almost exclusively from their iPhone and iPad. They need to be able to upload images from iOS Photos. I have some ideas on how to approach, but ...
0
votes
1answer
26 views

Why do i get a select dropdown when in mobile view from superfish

I have a navigation menu from superfish in the header for my site. It looks fine in my regular desktop and even landscape view of tablets but when it gets down to the size of a phone the wheels kind ...
1
vote
2answers
112 views

Bringing CKeditor, embedded content (e.g. iframe) and responsive design together

I like to bring together the usage of CKeditor with embedded content (for expamle youtube / issuu) in a responsive website. I have so far: CKeditor with Media module integration and Media-Youtube to ...
-2
votes
1answer
37 views

Embeddable Upload/Workflow/Responsive Image Galleries

On a current Drupal website installation - we require a module where: Important - Images are not stored on the same server as the drupal installation. Easy to integrate "Responsive Image Galleries" ...
0
votes
2answers
23 views

Need responsive footer for venture theme

For my website I am using the venture theme of version 7.32. I found that every part of the webpage is responsive for mobile so far, except the footer section does not fit and align with the rest of ...
1
vote
2answers
43 views

Creating a responsive menu system for a site with a lot of content

I am currently creating a website which has a lot of content - text. For this I need a serious menu structure with 5-10 menu items per menu and at least 15 menu-blocks per main menu item. Further it ...
-1
votes
1answer
88 views

A responsive thumbnail grid in Drupal 7 node

How to create a responsive thumbnail grid in Drupal node? I need simple thumbnail grid with description under the pictures, without expanding image. Something like this example. All thumbnail ...
0
votes
0answers
74 views

css-only styles for the “Responsive menus” module?

I am a supporter of the minimalistic approach in that all has to do with modules. I've Installed the module Responsive menus and it works fine. Yet, because I don't have the module JQuery Update ...
0
votes
2answers
76 views

I need a way to automatically make Panel layouts responsive

Before I asked this question I did a humble Google research for several times but I really couldn't find any efficient solution for this problem. I consider a working answer to be a grace with the ...
0
votes
1answer
27 views

Custom layouts for responsive site page

We're converting a site to be responsive and have decided to use Adaptive Theme. But the client insists on a unique layout for the Front page that does not fit into Adaptive's method of stacking ...
2
votes
0answers
29 views

What is the basic use of the breakpoints.yml file in Drupal 8?

If the breakpoints have been defined in breakpoints.yml file, what is their use? And the media query are defined in breakpoints.yml file , then why they have been used in css file?
0
votes
1answer
57 views

Changing font size to percent in theme [closed]

I want convert font size in existing theme from px to percentage. The theme and the CSS. Should I change font-size in body and headers only, or better to change font size in all places in CSS? What is ...
0
votes
2answers
46 views

Changing Zen theme Grid System

i'm using zen-7.x-5.5 as a base theme, the problem is that it's coming with 2 sidebars layout.. i searched in the documentation but i didnt' find a way to change it to 1 sidebar layout ( with main ...
0
votes
0answers
12 views

Autoresponsify Panels' panel?

Usually when I create a Panels' panel, it's naturally not responsive and need to be responsified via "Media screen and (max-width:#px) commands time and again. This is very repetitive and sometimes ...
0
votes
1answer
41 views

How to set a page level variable that views has access to

I'm trying to build a custom responsive theme using Zurb Foundation. I'm also using Views to render a grid of nodes, let's call them Events, that are each wrapped in Foundation classes to lay them out ...
0
votes
1answer
150 views

Responsive Grid in Drupal 7 Views with 5 columns

I'm trying to build a responsive Views grid in Drupal 7 and bootstrap3 sub-theme. On Views I am using the Responsive Grid module as format. In my Views format settings I configured the grid to 5 ...
0
votes
0answers
61 views

How to create Simple View & Responsive View & linkup with one link in drupal 7?

I am working on a commerce site (Already developed). I have seen that : Two views are there i.e. Product Company Accordion View & Product Company Slideshow View. Both the views holds the same ...
1
vote
0answers
142 views

Drupal 7: Picture Module, Amazon S3, CloudFront CDN setup?

Has any of you successfully set up the Picture Module for responsive images to work with Amazon S3 and CloudFront CDN? I have been successful setting Drupal up to work with Amazon S3 and CloudFront, ...
0
votes
1answer
36 views

Responsive images with multiple fields

I'm working on a site that has (and must have) three image fields for out three breakpoints. We could call them field_img_mobile, field_img_tablet and field_img_desktop Is there a way (a module?) ...
1
vote
0answers
152 views

how to set parent div to get responsive multilevel menu

i am newbie to drupal, now I am trying to get responsive menu style through this module ResponsiveMultiLevelMenu(codrobs)(http://tympanus.net/Development/ResponsiveMultiLevelMenu/), but i dont know ...
0
votes
1answer
117 views

Omega theme responsive grid two break point

I want to make responsive grid with Omega 3 theme. Grids will be 4 columns in large. 2 columns in normal width. 1 column in narrow devices. Is there a way with omega 3 with css classes?
0
votes
0answers
37 views

Toggle theme region visibility in zen

I'm building a site with a fixed navigation bar at the top. I want to have a icon in the right side of the nav bar that toggles the visibility of the second sidebar (containing the user menu and a ...
1
vote
1answer
729 views

Responsive Grid View appearing in single column

I'm trying to create a responsive views grid. I installed the the responsive grid views module. The problem is when I select that option the images appear in a single column instead of appearing in ...
-1
votes
1answer
516 views

Slider or JCarousel 100% width with previous and next Image with 25% width

i need to built a Carousel with the following specs: width 100%, height 600px show 3 items, (previous only 25% screenwidth, current and centered 50% screenwidth and Next also 25% screenwidth). so ...
0
votes
1answer
21 views

How can I adjust the css within fusion theme based on the size of the screen?

I'm using the Fusion theme for its responsive components but there are some things I want to tweak on the different layouts based on the screen size of the device viewing. How can I apply style ...
1
vote
1answer
569 views

Using Bootstrap with a Zen subtheme in Drupal 7

I was wondering if anyone could provide me with some advice on implementing bootstrap in D7 with the a Zen subtheme. I'm really only using it for the responsive div sizing at the moment - I've got a ...
0
votes
1answer
402 views

Turn off responsive behavior for Bootstrap 3

I know how to turn off responsive in bootrap . but how it can be in drupal theme. As i am using Drupal Bootstrap and created a subtheme. can that subtheme be non-responsive ??
0
votes
1answer
369 views

Boostrap Responsive Menu Not Working

I'm having an issue with my menu on the responsive size. For some reason my menu doesn't collapse so I cannot see any of my items on my menu on a tablet or a mobile. Using the inspect element I check ...
0
votes
3answers
2k views

How to use responsive design with bootstrap views

I've come a little confused and stuck with my current learning. Whilst my efforts using Workbench, Panels, Views with Bootstrap 3 looks pretty good on my desktop, when testing the Responsive layout ...
0
votes
1answer
191 views

right sidebar doesn't shrink in zen responsive theme

I have a Zen 7.x.5.x Responsive subtheme with Right sidebar... I know, I am new with all this responsiveness staff; but - I think the right sidebar doesn't shrink when I resize my browser....it just ...
4
votes
1answer
946 views

How to make the “Height” of Views Slideshow Fully responsive?

I'm working on a slideshow on Drupal 7 with Views Slideshow. The only issue I have right now is to make the Frame "Height"(not the image) responsive when resizing the browser. I found many articles, ...
0
votes
0answers
446 views

styling the superfish mobile menu

is there any way to change the name of the superfish mobile menu that you get when viewing superfish on an iphone. its activated after you have set up your superfish menu by adding the path : ...
0
votes
0answers
445 views

What is the best way to make accordion menu?

I want to make my menu with accordion feature. I found Accordion Menu module and Views Accordion. The problem are, Accordion Menu has not update for over 2 years and I dont know how to use View to ...
0
votes
3answers
222 views

Responsive Blocks

How can I make blocks shrink while staying on the same line as the window gets smaller? As of right now my blocks are going under other blocks as my window gets smaller. How can I make my theme ...
1
vote
1answer
489 views

Zen 5: How to get navigation menu on top with narrow viewport?

I'm running Drupal 7.28 with Zen 7.x-5.5. In the default setup, there is a region on the right side named "First sidebar" which contains a block named "Navigation". I have put my navigation links ...
0
votes
0answers
30 views

how to dinamically change number of element shown in views based on viewport size

i want to make a view that changes the number of displayed items based on screensize like this http://www.socketstudios.com/work/ is it possible with drupal and views? thanks
1
vote
2answers
5k views

Responsive bootstrap grid with 6 columns of equal heights

In the front page of our website, I would like to list down groups led by researchers and each group is having a thumbnail picture and a title where the picture is of fixed width/height but, the title ...
2
votes
1answer
184 views

Switching to mobile theme while cache is enabled

I have a Drupal7 website using a modified Zen subtheme that looks ugly on mobile devices and i want some kind of utility to create a separate mobile theme . I tried to use differents modules like ...
0
votes
0answers
99 views

How to widen content area in Responsive Bartik theme?

I am new to Drupal but not so new to CSS. I have tried a varieties of trick to widen the content area of Responsive Bartik theme I love this responsivee theme but the content (node) area is rather ...
0
votes
0answers
156 views

Bootstrap Gallery Module Not Displaying All Images

I am trying to create a gallery like ths website http://limo-losangeles.com/gallery.html. My problems is that when I click next, bootstrap gallery won't go to the next picture. Please visit ...
0
votes
1answer
2k views

responsive tabs (tab to accordion on small screen width)

I have a task of building a responsive website with custom theme and all that good stuff. One thing I stumbled across is using tabs to display data. Tabs are a requirement in the site but they are ...
1
vote
0answers
65 views

Omega and responsive design

I'm pretty new in this perfect website so if I'm out of the rules i'm really sorry. how can i have responsive theme with omega . so far when I wanted to them i uncheck th reponsive design because i ...