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
20 views

Responsive image (picture module) used as a background?

Is it possible to create a div with truly-responsive background so the background-image is resizeable according to theme breakpoints e.g. with the help of the Picture module? I want to create a block ...
0
votes
0answers
8 views

Navigation (menu) appears after Content region in Responsive Design Mode on Safari

I have set up a drupal zen sub theme, gone to view in Responsive Design Mode (Via Develop menu on Safari) and when I switch to mobile viewing (e.g. iPhone) the Navigation button appears after Content ...
0
votes
2answers
30 views

how do I make Drupal Zen sub theme mobile friendly?

I have changed over to using the Zen theme (instead of Omega) on my drupal site, I have a Superfish menu configured with default settings for SF Small Screen plugin to enable on browser width (screen ...
1
vote
1answer
54 views

Bootstrap: Responsive tables with WYSIWYG text format [closed]

I use WYSIWYG as text format and inserted tables under the filed using MYSIWYG are not responsive and make the site unresponsive. It looks really bad in mobile phones. Website without table: ...
0
votes
1answer
27 views

How Specify the class name of our columns in Responsive Grid View?

I'm trying to build a responsive Views grid using views responsive grid module. But added fields in the view is not visible. I'm confused in adding grid class.Please anybody guide me to set class ...
0
votes
1answer
144 views

Superfish module and Responsive Menu Module in bootstrap business drupal 7 theme

<div id="main-navigation-inside" class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle ...
0
votes
0answers
25 views

How do I make ajax /register login module responsive?

I am using the Ajax register module and it is working fine on all browsers, but it is not responsive and it is not coming properly in mobile browsers. Is there any option to make it responsive on ...
0
votes
2answers
163 views

Use responsive images inline

I can see that using styles on inline images have been left out for some reason. But when I need to make the site behave a little more responsive. I have been looking after CKeditor plugins that ...
0
votes
0answers
26 views

Webform Touch Slide to next page

Is this possible? I'm using the jQuery touch swipe module but it doesnt seem to work. The form I have is a 3 part form, with the next button allowing to go to the next page. I want to replace the ...
1
vote
1answer
22 views

Having trouble using responsive feature of Superfish

I am using the Superfish module for Drupal 7.x, and the menu itself works as advertised. However, no matter what configuration options I try, I cannot get the main menu to change into a select menu ...
0
votes
1answer
20 views

How do you force Drupal to re-render images?

I have an image style. It's defined as requiring images which are 60x60, however all of the images it's created are 500x500. This is a screenshot of the image style definition: ...
0
votes
1answer
15 views

How to display a video file without using the video hosting websides?

I need to display video file without using youtube, vimeo etc. I am using the bootstrap theme. I've tried to using some modules with no luck: Module: MediaFront, Field type: File, Display mode: ...
0
votes
0answers
10 views

how can create two region with 30% and 70% width in zen 5.x top of the highlighted region?

sorry for my beginner questions. how can i create two region with 30% and 70% width in zen 5.x top of the highlighted region? i want to create this regions in zen theme with zen-grids but i don`t ...
1
vote
0answers
49 views

How to get autocomplete text widgets running on an iPad?

I have a form with a couple of standard Drupal autocomplete text widgets, which work fine in desktop browsers. However, they don't work in iPad/Safari -- the text field works properly, but I don't ...
1
vote
0answers
25 views

Responsive design on a page using Accordions

I've been wondering how to make the text on this page (http://confluencenter.arizona.edu/events) stop overflowing into the images. I have tried floating the text under the images, but it is reset by ...
0
votes
0answers
54 views

Possible to *responsify* multiple menus using the Responsive Menus module?

Is it possible to responsify multiple menus using the Responsive Menus module? In the configuration page, there is a field labeled "CSS selectors for which menu to responsify", and then helper text ...
1
vote
0answers
18 views

Use image style as formatter in panels pane. [D7]

How do you select/apply an image style to an image field that is contained in a panel (or mini-panel) pane? I have added an image field to a panel pane, and the only option it gives me under ...
0
votes
1answer
151 views

Superfish module fix with responsive menu module

My theme is responsive barkit. My main menu do not have drop down menu feature.So I install superfish module,Great now I able to set drop down menu. Now come to mobile. I want to create same as the ...
0
votes
1answer
84 views

styling submit form button for mobile

I have styling done for the submit form buttons on web, and when i maually resize my browser, the stying stays the same in smaller widths. But, when i videw on my Iphone 6, the stying looks like ...
0
votes
0answers
66 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 ...
1
vote
0answers
44 views

Detect mobile device and redirect only specific URLs

We are using Acquia Mobile Redirect module to detect mobile device and redirect accordingly and it's working correctly on Acquia cloud. Its redirecting every request on mobile device. But the request ...
0
votes
1answer
114 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
184 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 ...
0
votes
0answers
25 views

Visual search module

I am currently looking into implementing a visual search into one of my projects. The website holds all sorts of nodes that have images of certain products. The idea would be to provide an interface ...
1
vote
1answer
40 views

show specific number of posts on front page for mobile d7

I would like to show only a few posts for mobile I have mobile_detect as well as mobile_detect_ctools mobile_detect_variables, installed and working. I am using an adaptive theme, $is_mobile ...
1
vote
1answer
32 views

How to detect device in template file in drupal 7 [duplicate]

I want to get the device whether is it Mobile,Tablet,Iphone or desktop based on the screen width. I know about breakpoint and picture module. But I need to change some HTML based on that condition. ...
0
votes
1answer
61 views

Detect device using Varnish

I have some difficulties finding a correct code (VCL) to configure varnish to detect if the device is a tablet or a mobile or a desktop. Here is the best module version found today, but still not ...
2
votes
1answer
281 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
163 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
38 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 ...
1
vote
0answers
51 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
53 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 ...
1
vote
0answers
109 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
2answers
135 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
860 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
179 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
487 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
134 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
166 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 ...
1
vote
0answers
18 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
5answers
134 views

Problem with mobile redirection login

I've implemented this mobile redirection logic but for the past 10 days I've been getting weird behavior(with www version, mobile data is shown sometimes). Here is Mobile Theme return logic Also I ...
0
votes
3answers
47 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
272 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
412 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
67 views

Drupal and mobile - integration across multiple applications

I have Drupal installed to Amazon EC. I was wondering is it possible to make another database so that mobile users can upload pictures with location there and users from the Drupal website can see ...
2
votes
2answers
242 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
282 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 ...
1
vote
3answers
2k 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
43 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 ...
3
votes
0answers
215 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?