Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [responsive]

A web design approach aimed providing an optimal viewing experience across a wide range of devices, from mobile phones and tablets to desktop computer monitors

0
votes
0answers
30 views

Zooming problem? [closed]

I have a problem with my webpage, it goes crazy when I try to zoom :)).. I made the page kinda responsive using css grid (it was the first time when I used that) but now I am getting very frustrated ...
1
vote
2answers
133 views

Footer menu same as Menu

The links which are in the menu are replicated in the footer menu. Is placing same menu links in the footer redundant or is it a bad practice in web design or development?
0
votes
1answer
88 views

Responsive UI Pattern for selecting from a list of exact values greater than 5?

I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these ...
0
votes
3answers
69 views

Will a user be able to identify the relative “meanings” of separate cards on a timeline if the icons are located opposite from the card's title?

I'm designing a vertical responsive timeline for a health-tech company, and the timeline is supposed to show different "events" throughout a patient's physical rehab program, each being represented by ...
0
votes
2answers
159 views

Help me out with this double sticky bar in Mobile

I've run into a UX problem in a site I'm designing. I feel like there's an obvious solution but I'm having trouble finding it. I have a site that has a global sticky bar. In the middle of the site, ...
4
votes
2answers
315 views

How to show dual list in responsive

I am showing a dual list on web application. It has desktop view and mobile responsive view. As we know that we can't show the dual list 2 columns side by side in mobile view due to less space. So ...
2
votes
2answers
663 views

Should I include a “back” button on a responsive website? [duplicate]

Do you believe there should be a back button on a responsive website or should we rely on the browser's controls? If you believe there needs to be a button in the design... Would you have it appear ...
-1
votes
6answers
2k views

Is it ok to have a bottom tab bar on a website?

I'm currently looking into web responsive navigation patterns. Tab bars on a mobile version of a website is rather uncommon. A few years ago I know that there was an issue on some browsers with ...
0
votes
2answers
181 views

Best practice for responsive vertical side menu

If we have the classical vertical side menu (on the left) for desktop: then, what is the best practice for displaying it responsively, especially when there's quite a few menu buttons? To hint you ...
0
votes
1answer
241 views

How to use anchor tags in mobile?

In the above image top navigation bar and left sidebar is fixed. When I click on the option 6 it will jump to a section 6. So, the problem I'm facing is how do I translate this view into mobile?
0
votes
1answer
207 views

Comfortably legible base font-size?

I'm trying to figure out a comfortably legible base font-size for all screen sizes, on a platform that supports several languages. Anyone worked on a similar project? If so, what was your outcome and ...
1
vote
3answers
208 views

Is it bad practice to direct a user to a mobile friendly side of the site on screen resize

I have an html5 application that consists of two different interfaces. The desktop interface demands a minimum of 900 pixels in width to function properly. The mobile version is built in an entirely ...
0
votes
1answer
68 views

Site nav bar (hamburger) now unresponsive on smartphones? [closed]

Our previously functional site navigation has become unresponsive on smartphones. (Possibly because of changes made to please Google PageSpeed.) The menu switches over to the 'hamburger' on small ...
0
votes
1answer
135 views

How can I make a mobile app responsive for desktop? [closed]

I am trying to make a desktop version of a mobile app. But not sure how to fill those full width cards to a desktop app.
2
votes
1answer
475 views

Responsive secondary and tertiary navigation

I'm working on a responsive Product Customization feature for an e-commerce website that has a hamburger primary nav, but will also need a secondary navigation for selecting the main Customization ...
3
votes
1answer
331 views

How do we convey a web page or app for different age groups?

A children's book is colorful and has large letters. At the same time, when we grow up, letter size is reduced by age, and in old age there is much less color and letters are larger. So, if a page is ...
1
vote
2answers
349 views

UX Themes for thesis [closed]

I'm studying a master degree in User Experience Design and I have to propose a theme for the thesis and I don't have that many experience in the area. I've read the trending topics of UX for 2017 but ...
5
votes
3answers
295 views

How to deal with components in a responsive design being larger at smaller breakpoints?

to note, I'm using screen size heuristics to make estimations on viewport height based on width to simplify the deisgn. This is possible a faulty heuristic and maybe would be better off using a height ...
1
vote
2answers
113 views

using Iframe and allowing responsiveness [closed]

I have a link that if it goes to it directly, it is responsive, but if I put it in an iframe to "mask" the url, it is not responsive. Is there a way to force allow it to be responsive?
1
vote
1answer
70 views

Best way to show scrolling menu?

My website uses 2 different menus. One is the main one that user uses for navigating on the webpage. But since every subpage can be quite long I created another menu and depending on which item user ...
2
votes
4answers
1k views

Huge data in table in responsive email

I have a system where the tabular data is send via email and looks like the attachment. The table may have more than 50 rows in single email. Are there any solutions for this table view and use any ...
11
votes
2answers
3k views

Why is the Google Search Results page not responsive? [closed]

As every web developer/designer, I read many articles about why responsive web design is important. We are also often told, that you can learn a lot by observing the UI (and optionally the code itself)...
3
votes
5answers
267 views

How should a download button be deprecated for mobile?

Our website gives users the ability to download data but this data can't be downloaded to a mobile device. For the mobile viewport widths of our site I'm considering these options: 1) Remove the ...
0
votes
1answer
242 views

Best way to make a menu responsive

I've got a navigation menu which looks as following and, it's concealed and triggered using a menu button. View of the page while menu is collapsed download bmml source – Wireframes created ...
3
votes
2answers
522 views

Responsive Date & Time Picker

I am developing a very simple web app where, apart from other functions a user will see date and time in a small widget like so: A user is also allowed to change the time and date. I looked at lots ...
1
vote
1answer
4k views

Browser zoom in/out optimization vs. responsive design

I have a situation where we have a website that is designed to be responsive (tablet, phone). Our business stakeholder discovered an issue when the site was zoomed out to 90%. His argument is that a ...
5
votes
2answers
918 views

UX/UI Responsive - Long forms with multiple language content

I want to know the preferred (and why it is good/bad) way to show a long form with multiple sections, which have content that should be in multiple languages (if multiple language is supported) The ...
3
votes
2answers
2k views

Suggestion required for max width of a form

My team is building a form builder tool. Once published there might be several input devices a user can use to fill a form, from a mobile phone to a 27" monitor. I would like to hear your ideas on ...
6
votes
5answers
190 views

An alternative for toggle on mobile devices

I'm working on a mobile website. In the page which I'm working on the user can choose one package from a range of 3. Each of them has a total price and a description, along with some products included ...
1
vote
2answers
292 views

Why are websites center aligned instead of stretched to fit?

Trying to figure out the exact reasons why websites or web applications on wider screens 1. have space on either side (aligned center as a container) 2. instead of being left-aligned or 3. stretched ...
3
votes
1answer
295 views

How many breakpoints for mobile devices in responsive design and mobile native apps? [closed]

In a browser based app with responsive design, how many breakpoints are needed? Have you done any projects as an example, and what are the best industry practices? I normally see only 3 breakpoints; ...
6
votes
1answer
148 views

RWD - Drag to background

I have the following setup for a responsive website. download bmml source – Wireframes created with Balsamiq Mockups The problem I'm running into is that on mobile devices, when the sidebar is ...
44
votes
8answers
7k views

Should the hamburger menu close only on icon click or on click outside as well?

We are using a hamburger menu on the mobile view of our responsive website, http://edmdesigner.com There's a debate going on in the team: a) Should the hamburger menu close if you click/tap outside ...
0
votes
3answers
227 views

Responsive images for 3 different types of screens : Is this a good design?

Above image is a wireframe layout of my portfolio website. The navbar is at the bottom while the 2 images fill the remaining screen. The left and right picture will be contained in their own DIV (...
0
votes
1answer
150 views

How to provide navigation on Responsive sites

I have a UX designed for "responsive" web application with most of its content arranged under 5 tabs. So the site navigation is very clear to the user where ever they are even on mobile. But now I ...
1
vote
1answer
129 views

Best way to show registration date

What is a better approach when presenting customer registration date to a user of a crm, "active for...." or registered on mm/dd/yy? if the better approach is "active for...", i am having difficulty ...
-3
votes
3answers
97 views

Should i use a mobile theme or responsive theme for my fashion store? [closed]

I have a fashion store, then I decide to buy a new theme for my store. I am wondering whether to buy a mobile theme or responsive theme. I know a mobile theme is more fast loading and simple than ...
2
votes
3answers
130 views

Should I use an Adaptive Design for my website?

My idea is to one page, but when you screen size is smaller than 'x', then you will not see the desktop content, only the mobile content. This will work something like this; http://jsfiddle.net/...
0
votes
1answer
105 views

Mocks size for Responsive website

we are developing a Parallax website to present our product. The Website should be accessible from any device (Mobile, Tablet and PC) and we are considering to work with 3 different layouts. Standard ...
0
votes
2answers
107 views

Mails Content - Center or left aligment

I'm designing transactional mails to send notifications to clients. Some of my colleagues say the content should be left aligned, but I personally think in the cases where there is little content and ...
0
votes
6answers
337 views

How many mockups do you typically do for a responsive bootstrap design?

I am scoping a responsive project and thinking it will need views spanning from mobile to desktop. I am just wanting to confirm if it is necessary/helpful to do mockups for all 4 sizes (Extra small ...
2
votes
3answers
379 views

Subnavigation on iPad or Other Tablet

I have a navigation and subnavigation bar that runs in parallel across the horizontal width of the page. It works fine on desktop computers. As you hover over the main navigation items, its ...
2
votes
4answers
103 views

How can I display a definition to my users on mobile?

I have a client that has some content with pretty intense scientific language. They realize this, and want to offer contextual definitions, on demand. I can find lots examples of this being done via ...
0
votes
1answer
145 views

B2B Shop with Colors and Variants as a Matrix

Hey guys we've a B2B Shop. In the Item View you can order multiple Items depending on which Color and Variant it is. below you'll see two screenshots where you can order for each variant and color ...
2
votes
1answer
1k views

How does Amazon's website adapt to mobile devices?

When you open Amazon's website with developer's tools and try to re-size its viewport size, the site seems to be static. But when you open it in a mobile device it perfectly fits to the screen. What ...
7
votes
4answers
2k views

Is hiding the sidebar menu of a responsive site into a “page title accordion” a good idea?

I was looking for some elegant solutions to display a sidebar menu, and I found a few sites that use the same pattern: instead of moving the whole sidebar menu under the main content on smaller ...
3
votes
3answers
165 views

Should a conversion to a responsive layout happen site-wide at once, or is incrementally acceptable?

I have a large website that needs to be updated to be responsive. There are business deadlines that prefer a gradual roll out instead of waiting to be completely finished Should I apply a responsive ...
1
vote
1answer
30 views

Should the voice button become a permanent addition for search fields?

E.g. This search box on Guardian.com's website shows the voice button. While this is a desktop example, on Mobile the voice button is way below (out of focus) near the space bar of the keyboard. ...
7
votes
6answers
2k views

Accessible and Responsive Tables?

I'm looking at creating a large multi-column table within a web app. However we are experiencing a challenge whereby none of the solutions fit the bill 100% and we are wary of just choosing one ...
2
votes
2answers
1k views

How should multiple buttons wrap on different responsive breakpoints?

We are currently developing a Wordpress site that has a Shortcode button feature that allows the client to alter the text, URL link and colour of a button, also to add new buttons. The client is ...