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
0
votes
0answers
13 views

Wordpress or Website builder for reseller hosting? [closed]

I'm looking to get into web hosting and website design through a reseller or white label plan. Wordpress has been trending downward for years and drag and drop website builders seem to be the future. ...
1
vote
0answers
14 views

What are the different ways to creating template for a website from scratch? [closed]

I would like to know the different ways we can create template for a website because many times the pre-made templates available online don't fit to the requirements of everybody. The style I want ...
2
votes
1answer
23 views

Two menus one for desktop one for mobile, screen reader issues?

Suppose a webpage has two menus, one for a "desktop" sized screen and another for tablets/phones. It might looks something like this: <body> <div class="hide-me-on-wide-screens"> <...
1
vote
1answer
17 views

Is there a CSS or JS solution to stop bad word wrapping arround images on mobile?

I have a blog post here which works fine on a larger screen but not so much on a smaller one. As you can see from the screenshot below the paragraph breaks very poorly around the image. Given how ...
1
vote
1answer
53 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 ...
2
votes
2answers
4k views

Is there a Lightbox style plugin that fits images to screen size? [closed]

I'm looking for a Lightbox type js plugin that would take into account the browser window size and resize the currently displayed photo so it fits - like the jquery-imagefit plugin does.
1
vote
0answers
23 views

Do we need to specifically support old browsers to be WCAG compliant or is following the robust principle enough?

I understand WCAG is technology agnostic, so it doesn't specify which browsers, devices, and operating systems that a website needs to be accessible on. However, our site isn't responsive on certain ...
2
votes
4answers
253 views

What are “rows” in a responsive grid system?

I'm looking at various grid systems to make a responsive design, but I keep coming across the same thing that puzzles me: What's a row in a design where everything can move based on the screen size? ...
3
votes
2answers
3k 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 ...
1
vote
1answer
134 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
2answers
302 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
0answers
22 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
151 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
67 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
12 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 ...
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 ...
5
votes
2answers
445 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 ...
0
votes
2answers
509 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
1answer
78 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 ...
0
votes
1answer
62 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 ...
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 ...
7
votes
1answer
875 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 ...
3
votes
1answer
271 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
393 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&...
4
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 ...
3
votes
3answers
149 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
340 views

Right way to host HTML5 video

I have a responsive site that has a blog which shows videos with HTML5. As of now, I use the following formats: MP4 HD video - for computer users MP4 SD video - for mobile users WebM HD Video - for ...
1
vote
1answer
90 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> &...
2
votes
1answer
314 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
37 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 ...
1
vote
1answer
888 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 ...
0
votes
1answer
127 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
774 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
96 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
2answers
56 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="...
0
votes
1answer
1k 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 ...
0
votes
1answer
463 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 ...
4
votes
1answer
679 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
1answer
489 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 ...
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
60 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
72 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 ...
2
votes
3answers
1k 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
657 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 ...
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
2answers
205 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 ...
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 ...
4
votes
3answers
156 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 ...