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

Rendering different HTML contents based on screen size - good idea from SEO perspective?

Is there an adverse effect of capturing screen size with JS and rendering different HTML contents via AJAX based on user's screen size, mainly from SEO perspective? I'm working on an ecommerce app ...
1
vote
1answer
23 views

Google mobile friendly test is reporting “resources not loading”

The google mobile friendly test conveniently shows resources that could not be loaded...but it says nothing regarding how to go about fixing them. I know this may be a broad question, but I'm just ...
0
votes
1answer
19 views

AdSense ad display in media queries

I am creating a new layout for my website and I have AdSense ads there. I have read that you can have up to 3 ads on one page. I am creating responsive design now and I want to use 4 ads but 3 will ...
1
vote
0answers
41 views

Best practice with visual responsive html restructuration

I have to follow a sketch of the main webpage of a website I'm building. The main page is essentially blocks rendered as rows, but one row is divided in 4 blocks that are not of the same height (so I ...
4
votes
1answer
48 views

Can I remove AdSense using jQuery?

This question is not on how to remove AdSense, but if I can remove AdSense from my website using jQuery. I was reading the policies on AdSense and I'm a little confused. On the page regarding the ...
4
votes
1answer
83 views

Google Cache: Blank Page (Responsive Design) [closed]

I've been aware of this issue for sometime but sadly not had the downtime to address, but I want to ensure that its actually a problem before wasting my time. The problem that I have is that Google's ...
3
votes
2answers
103 views

What units to use in responsive design?

So I am really at loss which units to adopt when developing responsive layouts. Some say use viewport units. Other people say use rem. Other say use media queries and pixel ratio. So what unit is the "...
1
vote
2answers
43 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
55 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
82 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
15 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
29 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
163 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 ...
0
votes
0answers
48 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
103 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
43 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
93 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
363 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
63 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
811 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?
2
votes
2answers
96 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
100 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
28 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
36 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 class="...
2
votes
1answer
169 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
389 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: 5%...
0
votes
2answers
59 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
22 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
141 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 ...
6
votes
1answer
306 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
576 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
49 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
377 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
168 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
106 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
54 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
118 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
6k 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
323 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
119 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
153 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
758 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 ...
7
votes
3answers
759 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
153 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 mobile-...
2
votes
3answers
892 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
86 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
3k 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 is?...