Responsive web design (RWD) is a web design approach aimed at crafting sites 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 mobile phones to desktop computer monitors).

learn more… | top users | synonyms

1
vote
2answers
37 views

What is the best size for massive header images on front page?

Most sites these days have wide screen images that are responsive and fit most of the screen on home page. Height seems to be at around 600 and width at 1920 However...when responsive it can shrink ...
1
vote
3answers
48 views

Definitive way to describe Responsive Web Design to a layperson?

Normally when I describe RWD to a non-web person (and bear in mind this might be a non-technical manager or a client), I'll say something like: The site will be designed in such a way that it will ...
3
votes
1answer
58 views

AdSense responsive format resizable on the fly

The AdSense responsive format sizes the advertising only on load. If the user resizes the window (from large to small), the advertising is not resized (even with media queries) and keeps its initiale ...
1
vote
0answers
11 views

Forcing all images to be rendered before adsense ads load

I have a problem. On my mobile pages where each page consist of a large picture, I have it set with CSS so that the image fits the entire available width of the screen. I want to avoid using fixed ...
1
vote
1answer
25 views

Serving a non-responsive css to ie8 and lower

We are rewritting our website to a responsive design (and maybe RESS in the future). Analytics figures impose us to support some old browsers (ie7 and ie8). We have 2 CSS: site.css: full css with ...
3
votes
1answer
87 views

How does the Media Query apply to smartphone resolutions?

With the launch of new iPhone 6 Plus with a resolution of 1920x1080 px, it got me thinking how is this resolution different from the screen widths we UI developers define in our CSS in media-query ...
1
vote
0answers
16 views

Responsive site? Is it really important for Google? [closed]

I have 10 year old sites and all the sites are not yet responsive. All the sites was built using tables. I was wondering how much difference does it make for Google's eyes, converting them to ...
0
votes
0answers
41 views

If I used CSS to size an image, would google understand the new size?

Say I have this html code (replace x and y with actual numbers): <html> <head> <style> IMG {width: 100%;height: auto; max-width:xpx; max-height:ypx;} </style> ...
4
votes
3answers
96 views

How does google check for responsive design?

I know that google is checking for responsiveness when ranking sites and I'm wondering, how it is done.. is it looking at media queries only? I want to make a page with many absolutely positioned ...
1
vote
1answer
37 views

Google mobile friendly test is showing a responsive website only at a wide size

I recently had a re-think about my website and decided that if I was going to build something new I might as well go all the way and make it responsive with CSS. So I've built it and tested it out by ...
1
vote
1answer
60 views

Mobile Google Chrome Not Resizing Responsive Website

I am new to designing responsive websites which are done in pure PHP and CSS, and I am not using any CMS like wordpress. I am using @media screen and (max-width:....) for the responsive design only ...
1
vote
2answers
216 views

Three responsive Adsense units in a page without breaking similar ad sizes policy

If I put three responsive ad units, will they comply with the policies? e.g. in a case where it might be possible for Google to serve 3 300x600 units for responsive ad units on page, it would only ...
2
votes
3answers
62 views

How to let search engines know which part of page is for mobile?

Some parts inside my page (like div or section, not full page) are duplicated − content is the same, but visibility changes depending of viewport. Is there any tag which lets search engines identify ...
1
vote
1answer
450 views

Is there a single set of Media queries for all the devices? [closed]

I am using different media queries for each type of resolution, is there a better way of doing this?
1
vote
0answers
25 views

How should we handle the transition period when our new website is taking shape alongside our old one? [closed]

We're re-implementing an information-and-engagement website to have a clear, external audience focus and a responsive design. We decided that the tangled information architecture, brittle ...
2
votes
2answers
85 views

Test if a website has responsive qualities [closed]

Within the context of a market study, I would like to determine if a website has responsiveness qualities. Given an website URL, I would give a notation regarding these points: good points: use ...
0
votes
1answer
76 views

How To Remove a Slider from Responsive Design

I'm a small business owner that has (up until now) managed a successful website. However, with the pending Google Mobilegeddon, my website for some reason does not pass the Google Mobile Friendly ...
1
vote
1answer
26 views

Changing headers for small screens - SEO implications

I'm changing some of my pages to better display in different devices (tables, smart phones etc). I want to figure out a good way of handling headings. So far my options are hide headings for small ...
0
votes
0answers
33 views

Do search engines penalise for multiple main menu markups?

I have a website where the front-end developer has added 3 times the menu in the markup, e.g.: div.menu>home+about+news+contact us" Update 1: The HTML markup is repeated 3 times <div ...
2
votes
1answer
165 views

GWT: Mobile usability issues: Resolving the “Content not sized to viewport” issue

Google Webmaster Tools (GWT) flagged this error on my client's responsive website. The errors exclusively appear on pages with large tables of data. The developers took a quick look and weren't able ...
3
votes
1answer
337 views

How to make Youtube Video responsive? [closed]

I am creating a video site and want to make video responsive. I had created a class .video { float: left; width: 90% !important; margin-top: 1%; margin-bottom: 1%; margin-right: ...
0
votes
2answers
54 views

mobile site or responsive design for a webshop? [closed]

We need to make our webshop a mobile phone friendly layout for customers. I know there are two options we have, one is to make a mobile site, ex m.ourdomain.com. another option is to make a responsive ...
1
vote
0answers
20 views

How to move AdSense block in responsive website? [duplicate]

Making my website responsive I've faced the challenge - I need to move AdSense block, for examlpe: in desktop version of website AdSense adblock is located below the first post of my blog, but in the ...
0
votes
1answer
126 views

Convert a website to responsive layout [closed]

We have a website that is not mobile phone optimized. If we want to have a responsive layout, what's the easiest way to go? The design should not be changed, so we don't want to create a website from ...
5
votes
1answer
228 views

Does Google penalize sites for showing a different menu for mobile compared to desktop?

I'm really concerned about a design I have been handed by a designer. It changes the menu for mobile and desktop. On mobile you can only access the main categories, that will lead to all the content ...
2
votes
1answer
507 views

Should a responsive site include <mobile:mobile/> in its sitemap?

Should a website built with responsive design include Google's <mobile:mobile/> xml tag in its sitemap.xml? In other words, will marking each of my urls as "mobile" in the sitemap for a ...
0
votes
1answer
45 views

Should i create mobile/responsive version of my site if i have android and ios apps for my site? [closed]

Should i create mobile/responsive version of my site if i have android and ios apps for my site ? i am creating a new site which will have android app, ios app and nokia app, so is it required to ...
2
votes
1answer
276 views

Resize font proportional to screen size?

How can I have my fonts scale based on screen size? (So, rather than just having a few media queries to adjust to maybe 3 or 4 screen sizes, have the font be proportional to the screen size so we ...
3
votes
2answers
144 views

SEO impact of dynamically serving cropped images based on device type

I have a website and try to optimize it regarding device size. Due to a large image slider on the front page I could halve the size by serving smaller images for mobile devices (via simple user-agent ...
3
votes
1answer
104 views

Tips for developing a responsive website [closed]

I'm having problems trying to figure out a good workflow when designing a responsive website. I've tried a few approaches, nowadays what I'm doing is: Do all html and css work with the window ...
1
vote
1answer
51 views

What is responsive design exactly? [closed]

Can anybody tell me what responsive design exactly is? I work in a firm and they have a site which are just a small version off the website. And if you turn your device to landscape - it gets a ...
3
votes
1answer
112 views

Can a bounce rate drop from 50% to 10% after event tracking is added in Google Analytics?

I launched a total redesign of a site one week ago to add responsive design, good interlinking, related content recommendations and such. After that the bounce rate dropped just a little from 50% to ...
15
votes
7answers
5k views

Should I split a large CSS media queries file into separate files for each screen size?

I am working on a responsive design website to deliver content for all screen sizes. I have media queries for 5 different "steps", and the CSS file is around 30 Kb. Would it be better to split this ...
4
votes
2answers
283 views

Mobile Browsers! Do they ignore `<noscript><img>` (Responsive Design with Framework Zurb Foundation (Interchange/Noscript))

Experimenting with Interchange Responsive Images I'm experimenting with Interchange by Zurb Foundation to serve various images versions to different devices. For example 200x100 for mobiles, 300x100 ...
2
votes
1answer
96 views

How to change website on device orientation change?

This question is in the context of a previous one but I think deserves another thread on its own. Being able to detect user agent and serve mobile or desktop version is good, but is there also a way ...
0
votes
2answers
126 views

How to serve 2 different websites according to device-width without affecting SEO?

I have one website for desktop that is designed for 1024 width and above. This means that some mobile devices in landscape mode will also fit this criteria. I have another website that is designed for ...
2
votes
2answers
567 views

Is it acceptable to repeat the same h1 tag for desktop and mobile browsers in a responsive site?

I have a website with a page that has a video as the main content. It uses a responsive design layout that requires the <h1> tag (with the same text) to be used in two different places: one for ...
6
votes
3answers
582 views

How to make content load faster for mobile on a responsive design site?

So, I have a responsive design site. Studies say that for mobile devices we need to show a bit less content (graphics and such), and that we need to make sites load quicker for mobiles. If I set some ...
3
votes
2answers
134 views

Implementing mobile-only (non-responsive) ads into a responsive theme

I've just finished setting up a website for someone - it's a responsive design under WordPress. Some of the advertising on the page is responsive ad units from AdSense, but unfortunately other ad ...
2
votes
2answers
43 views

search with mobile : does Google just look in the mobile-optimized websites?

When someone searches a keyword by mobile, does Google search in desktop version of all websites and find the proper result and then prioritize them according to the responsiveness or ...
2
votes
3answers
729 views

SEO Impact of using Responsive Design and the serving of different content on the same URL

We are currently working on redesigning our site and making it responsive. It is a search intensive site with complex functionality, a lot of search filters and a lot of content. Our mobile versions ...
1
vote
2answers
83 views

What is this popular website template called? [closed]

I see that many popular website now implement a similar template. Do you know its name? https://www.braintreepayments.com/ http://www.techsoft3d.com/ http://www.techsmith.com/snagit.html
1
vote
1answer
22 views

Can't get an image to scale to browser size! [closed]

If anyone has any insight on why this background image is not scaling properly on this page to browser size, that would be really helpful. I am stumped! I'm fairly new to CSS and HTML and could use ...
11
votes
5answers
2k views

Is it OK to use jQuery for responsive web design?

I have been tasked to update a site to make it responsive and appear correctly on smart phones. Unfortunately, the site in its current form isn't very easy to work with - I can't just change the CSS. ...
0
votes
1answer
25 views

Website does not have post previews when viewing on mobile

For some reason when I view my site on mobile devices the homepage just displays the full article one after the other as opposed to thumbnail and text previews. Any idea what the reason behind this ...
5
votes
1answer
2k views

Can I view my PC localhost test site on my android tablet without uploading it?

I am working on a web site which is running on my PC via XAMPP. I want to test the site on my android tablet (galaxy tab) to make sure that the responsive design behaves that way it is designed to. ...
6
votes
3answers
258 views

Will Google omit my site from mobile search results if I do not have a mobile optimized site?

I have heard rumors that if I do not have a mobile-optimized web-site (whether through responsive design or redirection to a mobile version of the site) that Google will not show my site when a user ...
0
votes
1answer
60 views

Switch off unwanted responsive behavior of widget

On a site that's intentionally non-responsive we're loading a class-schedule widget from a third party. But they've now made their widget responsive, which doesn't work very well for us. The widget ...
1
vote
1answer
198 views

Right way for host HTML5 video

So, I have a responsive site that has kind of blog to show videos (in html). For now, I am doing this in MP4 HD video - for computer users MP4 SD video - for mobile users WebM HD Video - for ...
1
vote
0answers
34 views

What resolution does Google use while crawling a site with responsive/adaptive design? [duplicate]

I use conditional loading and media queries, JS, and CSS techniques for building responsive/adaptive designed websites. The HTML output for these sites depends on the number of horizontal and ...