Questions tagged [responsive-webdesign]

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).

Filter by
Sorted by
Tagged with
-1
votes
0answers
6 views

How to stop text getting cut off in mobile device view [migrated]

I am learning HTML/CSS through trial and error and by playing around with some free code. I can read and understand enough code to change style things like colour, backgrounds, opacity, add images etc....
1
vote
1answer
29 views

Does it matter if I use a different design elements for desktop and mobile versions of my site?

My question is about responsive designs (HTML + CSS). Does it matter if I use a different elements for desktop and mobile versions of my site? I mean that my page isn't really responsive, it only ...
0
votes
0answers
21 views

Mobile usability issues reported by Google at Search Console [duplicate]

Our website is responsive but it is showing the below mobile usability issues at Google search console. Content wider than scree Clickable elements too close together When tested using mobile ...
1
vote
1answer
102 views

GTmetrix complains of un-optimized images in responsive design

The website GTmetrix is giving me low score on "Optimize images" for the following reason: On my main page I have 4 columns with images. Each column takes 25% of the screen resolution so on my ...
1
vote
0answers
18 views

Designing a site with ads (adsense) for 4K monitors

I am in the planning stages of my new website. With the rise of 4K monitors I want to make my site appealing to people who use these larger resolutions. My site design is based on the responsive 12 ...
1
vote
0answers
82 views

Is max-height allowed on google responsive ads?

AdSense has a help page stating the acceptable modifications of ad code. AdSense Document One of the section speaks about specifying an expandable width and a fixed height. (The example given on the ...
0
votes
1answer
32 views

Dynamic Serving with different url [duplicate]

We have a website math.tutorvista.com. We use dynamic serving web pages. Desktop URL: https://math.tutorvista.com/geometry/analytical-geometry.html Mobile URL: https://math.tutorvista.com/...
1
vote
0answers
11 views

Developing an online platform for generating text logos [closed]

I'm trying to develop a online platform which will automatically generates text logos when the text inputs by user. I searched many ways to find some resources to starting my task. but couldn't found ...
0
votes
2answers
355 views

Responsive web design causes social media buttons to overlap the logo on smaller screens [closed]

I haven't developed a website in quite some time, and am currently working on one for a friend's small company. I put together a simple design, and have been able to get the content itself to be ...
-1
votes
1answer
25 views

My site is very old and is intended for desktops but 60% visitors are mobile [closed]

my site is 16 years old and still looks great on a desktop monitor but looking at the statistics 60% of visitors enter my mobile devices my question is there a simple zoom script to mimic the finger ...
1
vote
0answers
21 views

Old Mobile site redundant now main site is responsive

I have an old site which has a mobile.example.com, I finally got around to updating the main site to a responsive version that means the old mobile site is no longer needed. However I am not sure if ...
1
vote
1answer
77 views

Server.Transfer method for mobile version

I just want to be sure if i use server.transfer method for display mobile version of my website, is it good for SEO and google ? somehow i managed to use this method to display mobile version of my ...
3
votes
1answer
154 views

Foundation: flex-video vs responsive-embed

Please, explain to me what are the pitfalls to use ZURB Foundation's flex-video instead of responsive-embed (or vice versa). I've made a layout where I don't see any difference between two: <!-- ....
3
votes
1answer
346 views

SEO for links duplicated and hidden for responsive design

I would like to know if duplicating some links in the menu for responsive purposes (display:none in some cases) can affect SEO. Simple example: <ul> <li><a href="/one">one</a&...
2
votes
2answers
102 views

Delivering the optimal image experience to all from website regardless of device

I was deeply involved in other work and out of the blue, the co-owner of the site informs me that the website isn't 100% right for all people. While he isn't technically inclined compared to me, this ...
3
votes
1answer
2k views

How to avoid request of all images used for different devices using media query?

I want to know, how can I avoid loading all images I created for different devices using media query. Currently my mark up look like below : <img src="/media/1062/lg.png" alt="Fresh from ...
0
votes
1answer
54 views

What is the ideal URL format to use for images served at multiple sizes

I am building responsive image functionality for a site (written ASP.NET MVC, although that is almost irrelevant here). My question is not technical, but about the most semantic way to serve images at ...
3
votes
3answers
141 views

How long will Google Search take to recognize that a website is now mobile-friendly?

I updated a client's website 3 weeks ago to use Bootstrap. Since then I've run almost every other day Google's Mobile-Friendly test and also Google's PageSpeed, and all results are in the green. ...
2
votes
1answer
223 views

Do certain ads need to have fixed dimensions even for a responsive website

I am working on a responsive website using a fluid grid system, which means that my content has no "fixed" width, but rather use a proportion of the screen width (e.g 3/12 or 4/12) We would like to ...
1
vote
0answers
32 views

Forum Software Suitable For The Modern Web [closed]

I know that forums are in no way as popular as they used to be, but I always wanted to set one up, and still do, so I'm really considering my options. Let me outline what I'm after. I preferably ...
0
votes
1answer
115 views

m.example.com vs. responsive website

I am working on SEO project for the website aasaanjobs.com. The website has two different entity for desktop users and mobile users. I was thinking deindexing https://m.aasaanjobs.com/ completely and ...
1
vote
1answer
687 views

Auto Re-Size YouTube Embedded Video

I'm building a website that I hope to feature heavily on embedded youtube videos, but the embed code only allows you to specify one width, which is a problem when it comes to the whole mobile ...
1
vote
1answer
667 views

Structured data. Img. Width

With structured data and img width and height, Google says "number required". Does it mean that Google only accepts the numbers in pixels? https://developers.google.com/search/docs/data-types/articles ...
0
votes
1answer
79 views

Should I build my non-mobile web site in Bootstrap? [closed]

w3schools.com defines Bootstrap as "... framework for developing responsive, mobile-first web sites". If I am not interested that much in building a mobile-compatible web site (I am but it is not my ...
0
votes
1answer
857 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 ...
3
votes
2answers
2k 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
385 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
54 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 ...
3
votes
1answer
399 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
553 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
3k 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
58 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
70 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 ...
5
votes
2answers
399 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
31 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
44 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
757 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
1answer
89 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
154 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
2answers
281 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
2k 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
646 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
66 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
3k 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
121 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
335 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
35 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
2answers
55 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
229 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 ...
4
votes
1answer
952 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%...