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

0
votes
0answers
11 views

Make html/css: Two column layout work where right image decides width + responsive [closed]

Make html/css: Two column layout work where right image decides width + responsive Hi, we are trying to set up the following. 2 column layout. Left contains text, right contains corresponding image. ...
0
votes
2answers
34 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 ...
0
votes
0answers
10 views

css responsive table, trying to get header *above* the column [migrated]

we have a table like below. I am trying to make this responsive using some tricks found here. The result now is that I see the following on an iPhone: header1 header2 etc col1 col2 etc When I was ...
2
votes
3answers
53 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
60 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
18 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 ...
1
vote
2answers
47 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
35 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
23 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
31 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
125 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
160 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
44 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
19 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
78 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 ...
4
votes
1answer
161 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
312 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
40 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
113 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
122 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
98 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
50 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
102 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 ...
14
votes
7answers
3k 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
195 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
68 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
77 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
1answer
344 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 ...
5
votes
3answers
357 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
109 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 ...
1
vote
3answers
547 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
68 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 ...
3
votes
1answer
1k 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. ...
5
votes
3answers
250 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
54 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
165 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 ...
1
vote
0answers
462 views

Vertically center h1 in div [closed]

I know there are various solutions posted for this issue here, but for the life of me I can't get any of them to work. For a responsive website I'm trying to center an h1 text in a div. Centering ...
2
votes
2answers
684 views

Does responsive Web Design affect SEO?

I have watched the Webmaster Central 2013-11-18 hangout that is now on YouTube. According to John Mueller, a site will benefit in terms of SEO if it will be optimized for mobile devices. He said that ...
1
vote
1answer
88 views

Exclude pages from search results based on device class (mobile/desktop)

We're currently building a new responsive website. While working on the site map, we figured that we don't want to show certain sections on mobile devices. This can be easily done by hiding the ...
2
votes
1answer
60 views

Does SEO optimisation count on the responsive side of a site?

I'm looking at making some SEO optimisation fixes, and at this point I'm sorting out the heading structure and keywords - H1's, H2's etc We have a site where there are a number of similar blocks, and ...
16
votes
4answers
2k views

Does Google serve different result according to responsive design?

Say a website implements responsive design in order to display a proper user interface according to the screen width of the device (smartphone, tablet, laptop...). Does Google display different ...
6
votes
1answer
437 views

Duplicate content on the same page - SEO ramifications?

In certain situations, I've seen Responsive Design websites with duplicate content on the same page. The pages had duplicate HTML structure and content in some parts of it due to Responsive Design. ...
3
votes
3answers
732 views

Responsive web design on the “frontend” vs “backend”?

Apparently there are two ways you can do responsive web design. I'm not sure how to call the two methods but let's just say they are frontend and backend: By frontend I mean, the usual way where the ...
0
votes
0answers
16 views

Using same Google Adsense units for web and mobile versions [duplicate]

I'm redesigning a website. This time it will be responsive, so that the same pages that are loaded into a desktop browser will be loaded in mobile browsers as well. The question is: can I use the ...
3
votes
1answer
81 views

Does Google Search know if your site is mobile?

When a user does a search from their desktop, do Google search results know if any site is mobile aware? Does that affect their placement? What if a site is responsive? Many mobile validators don't ...