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

How can i make colorbox photogallery module to be responsive

Wondering if we can make colorbox photogallery module to be responsive or do we have any other responsive module other than lighbox2, juicebox as i tried those and they are not working with my theme.
0
votes
0answers
19 views

How to make an existing website responsive using zengrids?

i'm creating a website using drupal 7, zen theme with some other modules, like superfish menu for example, for now the website is empty, i'm wondering how to make the website responsive from now ? Can ...
1
vote
1answer
27 views

Rewrite View Header into first views-row

I need to rewrite/move the header of one View into the first row of that View. Current View output: <div class="view"> <div class="view-header">view header text</div> ...
1
vote
1answer
31 views

The responsive menu (Sidr menu) is not working with anchors [closed]

I'm using the responsive menus, specifically the Sidr menu, the menu is not working when the paths have anchors. When I do click in a item with anchor the menu is still opened. The toogle in the ...
0
votes
0answers
20 views

Zen Theme for Drupal Responsive?

Is the Zen theme for Drupal 7 responsive on mobile phones? Because some said it's not displaying correctly for mobile phones, but resizing fine for desktops. I find it weird. For example, ...
0
votes
1answer
122 views

Flickr-like responsive photo gallery for Drupal 8

Is there a good Drupal 8 module to display a responsive photo gallery, a la Flickr (example: https://www.flickr.com/photos/tags/red)? I tried Views Photo Grid but it's not working for me, when I go ...
0
votes
0answers
20 views

Why my views are not getting displayed?

I have created a view and set it's format to 'Responsive Grid' (Module I found on google). It's not displaying anything! I tried same with other modules (Semantic Views etc) and views still not ...
0
votes
0answers
24 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
10 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
53 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
142 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
33 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
303 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
38 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
493 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 ...
1
vote
0answers
37 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
23 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
22 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: ...
1
vote
1answer
18 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
68 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
28 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
85 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 ...
2
votes
0answers
23 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
221 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
102 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
88 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
64 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
157 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
0answers
26 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
41 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
33 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
71 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
500 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
246 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
39 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
58 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
57 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
117 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
157 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
995 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
219 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
536 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
148 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
185 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
19 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
135 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
347 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
496 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 ...