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

0
votes
0answers
25 views

Is the CKEditor module compatible with the Picture and Breakpoint modules?

Is CKEditor (7.x-1.16 with library 4.4.3) compatible with the Picture (7.x-2.11) and Breakpoints (7.x-1.3) modules? I have read numerous articles which say that they are and suggest configurations ...
0
votes
1answer
35 views

Is there an official/recommended way to organize CSS files for a responsive theme?

While creating a responsive theme (eg. a bootstrap based sub-theme) is there an official/recommended way to organize CSS files for different media queries? In general I put everything into one CSS ...
0
votes
1answer
39 views

how to change horizontal tabs to vertical tabs?

I am building a responsive site, and one of my content types uses the field_group module to make a bunch of content in horizontal tabs. when the site is viewed at a small enough width is there a way ...
1
vote
1answer
35 views

How to make table-responsive in drupal views [duplicate]

I have created the views which renders table. I want to make table responsive without any contrib module. Is it possible?
-1
votes
1answer
54 views

How to display a views grid in a responsive (mobile friendly) grid layout?

I have a Views grid format, with 3 columns. I want to see the columns in cascade on mobile devices. Any suggestions how to do so?
1
vote
0answers
24 views

Menu on mobile phone - How to directly show second level of menu?

Following configuration: Drupal 7, tb corpal theme, superfish menu For mobile phones I get a menu as shown in the image. If I press the menu icon (1, red on image) I get first the "Main menu" level ...
0
votes
0answers
35 views

Collapsing Images contained in Fluid Grid View

Hi there. I would be very grateful for your help. I have images contained in fluid grid (D7 module), all of them are initially collapsed (just like the img on the bottom left) upon site loading. ...
0
votes
1answer
42 views

Merge 2 collumn (Display suite) to one collumn depending on resolution

In a situation with display suite and two columns (left and right) I would like to accomplish to move everything to the left column and have the ability to reorder the fields. In a classic situation ...
0
votes
0answers
95 views

D7+Panels3: How to let IPE add rows to the layout?

I have a site based on AdaptiveTheme with Panel nodes being edited using the In-Place-Editor, because my users want to dynamically arrange their content on their respective Panel nodes. They ...
3
votes
1answer
63 views

Is there a module or technique to display blocks or panels based on device width?

We have our ads set up as blocks or panels and we would like to prevent wide ads from rendering on narrow (mobile) devices. Additionally, we would like to render other ads only on wide (desktop) ...
2
votes
1answer
542 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
102 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
192 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
48 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
97 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
94 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
17 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
43 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
113 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
235 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 ...
0
votes
2answers
65 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 ...
2
votes
2answers
151 views

Creating a responsive menu system for a site with a lot of content [closed]

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 ...
0
votes
1answer
163 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
153 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
735 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
39 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
75 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
123 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 ...
1
vote
2answers
93 views

How to change the Zen theme to a single sidebar layout?

I'm using Zen (version 7.x-5.5) as a base theme. The problem is that it's showing with 2 sidebars layout. I searched in the documentation but I didn't find a way to change it to 1 sidebar layout ...
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
49 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
367 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
72 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
241 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
60 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
204 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
199 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
54 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
2k 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
750 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
22 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
874 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
540 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
722 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
4k 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
269 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
2k 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
784 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 : ...
1
vote
1answer
836 views

What is the best way to make accordion menu? [closed]

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