Stack Overflow
Stack Overflow

Questions tagged [responsive]

Responsive is a tag to indicate a generic responsive website or web application programming or design topic. It's a more generic tag than 'responsive-design', and it serves for situations when you're specifically writing about programming (usually html/css/js). The word 'responsive' itself refers to the ability of a web application/website to respond and adapt its dimensions and interactivity across a wide range of devices and screen sizes.

5039 questions
1
vote
2 answers

How to find CSS element from Inspect in the actual source files?

I had a question on how to find out which part of your code needs changing to adjust this "display:none !important" functionality which prevents the website to be responsive on mobile. When going under 767px content simply disappears and that…
TImmuh
  • 57
  • 1
  • 2
  • 10
1
vote
1 answer

Understanding flex boxes

I'm trying to understand how to get my desired effect using flex box however I'm getting unpredictable results using percents and I can't understand why. The goal is to have a square container with 3 square items as a "flex row". If I have a set…
ab3d_work
  • 185
  • 3
  • 16
1
vote
0 answers

Make a picture with 6 checkboxes responsive

i have a picture with 6 individual checkboxes on my website. How i make this code responsive (ipads, phones, (..) )? i know how to make a normal picture responsive but the checkboxes in the picture mess me up. .pic label { …
filledat
  • 47
  • 6
1
vote
1 answer

How do I make this slider go faster?

I'm trying to make this image slider go faster. There also seems to be an issue if you click the radio buttons to go the next slide, the autoplay function seems to stop all together. I can see that there is web kit key frames but I have never used…
adambwhitten
  • 106
  • 1
  • 14
1
vote
1 answer

How to display bullet points under ~responsive~ horizontal timeline?

I'm trying to display some bullet points under each of the components of this breadcrumb-style timeline. I have gotten the answer to how to put bullets under the timeline while it's full screen but I don't know how to have the points display while…
Brianna
  • 107
  • 2
  • 11
1
vote
2 answers

simple responsive html (with optional drop down menus and floating nav)

I've found loads of assistance online with floating navs and responsive navs.. but i'd like to combine them and also leave the option of drop down sub menus in both responsive layouts does anyone have any experience of this? this is what I have so…
Mr Heelis
  • 2,370
  • 4
  • 24
  • 34
1
vote
1 answer

Bootstrap4 container-fluid on non "div" element

Using Bootstrap 4 alpha 5: I am trying to use the .container-fluid on an html element that is NOT a div. For some reason when it is used on NON-div elements, the output changes. My ultimate goal is to define CSS for application-specific HTML…
hoekma
  • 793
  • 9
  • 19
1
vote
0 answers

How responsive is ConstraintLayout

As I read in the documentation you should be able to build a responsive layout. Let's say we have two views : A and B If you are using the app on a tablet, A should be placed left of B. If you are using the app on a smartphone, A should be placed…
iamserious
  • 51
  • 1
  • 7
1
vote
1 answer

Best practice for Master Detail on Desktop/ Detail only on mobile for Angular2 and MD

I am posting this probably as I don't know the correct terminology of something that cannot be that uncommon. Just wanting to know the best practice and some links to an example of this. You have a master list - detail in a responsive site. In…
Mark Naber
  • 63
  • 2
  • 12
1
vote
0 answers

Website does not click or scroll after adding threejs canvas animation

My website truptidesale.com has animation which is created using three.js on canvas. i have given background image to canvas and made position as absolute and z-index -1 so that my navigation bar will be on top of canvas. This works very well on my…
Trupti
  • 31
  • 5
1
vote
1 answer

Do retina devices NEED their own media queries?

I have several media queries that are being ignored on retina devices - for example, the iPhone 6 Plus. The iPhone 6 Plus' screen min-device-width is 414px. Using the following media query, I would expect the phone would make the customClass div…
Kyle
  • 347
  • 2
  • 15
1
vote
0 answers

In coffescript click function does not work for ipad?

Hello I am using coffeescript. I need a click event. I have following code: node.on("mouseover", showNodeDetails) .on("mouseout", hideNodeDetails) .on("click",fillInfo) This works for my personal computer. However when I try to use it on ipad,…
user3783144
  • 35
  • 7
1
vote
1 answer

When will chrome support display: grid; layouts?

Im wondering when it will be supported in chrome and firefox? Anytime soon or is there no sense in looking into it in the next time at all? Thx for your help.
Herrsocke
  • 272
  • 4
  • 13
1
vote
2 answers

Flex-box two boxes wrap when scaling window browser

We have four children in one parent. And I want to make effect which you see on the picture.

description

…
TheAgropl
  • 11
  • 2
1
vote
0 answers

DataTables - Responsive Extension - Toggle button vanishes if first column is hidden

I'm using DataTables with the Responsive extension and both work really well. However, I now have a table where I have used class and data-priority in order to control which columns are hidden first when screen resolution decreases. See example:…
gabriel
  • 347
  • 3
  • 18
1 2 3
…
99
100