All Questions
Tagged with responsive javascript
691 questions
0
votes
1
answer
29
views
ChartJS make container fill whole CSS grid item
I'm putting a chart (made using Chart.js) inside a CSS grid, and I want the chart to responsively fill the full width of its grid cell. However, even after turning on responsive and turning off ...
1
vote
0
answers
81
views
How to create responsive header like the Valorant site?
I just started to code for 2 months and I'm trying to copy the responsiveness of the official valorant website header. I only managed to copy where the header list like [Game Info, Media, News, ...
- 11
0
votes
1
answer
85
views
How do I make my navbar items vertical while letting the logo and icon stay on top
It's my first time doing some responsive design and I use this as an excercise. But after trying this for several hours I'm desperate now. So I have a simple Navbar with a logo at the left corner, ...
- 239
0
votes
2
answers
696
views
How to make responsive signature pad?
How to make a signature pad canvas in signature-pad.js work responsively?
My challenge is the following:
I either get the cursor positioning while drawing correctly but lose the input on resize
// OR ...
0
votes
1
answer
74
views
Making object shifted to the side responsive with orthographic camera Three js
I’m trying to figure out the best way to make the position (and scale if needed) of the model across all devices without relying only on match medias. Ofc I can’t use %, so is there something built ...
- 23
1
vote
0
answers
146
views
Collapsing and displaying a menu using html php and javascript
I've started using a grid display. As someone with no sight, I find this makes a lot more sense to me, and on first impression, is much more approachable.
Currently, this is my css code:
body {
min-...
- 45
0
votes
1
answer
34
views
How to make responsive on Slider Group on Vutify?
Now I am developing simple project, and facing some issues in develop.
I can't make responsive with this slider group components.
This is the source code.
<v-slide-group
v-model="model&...
- 1
0
votes
1
answer
395
views
Contents of iframe not responsive
There is a webpage which shows different design according to the screen size (whenever you refresh the page after changing the screen size). I have embedded this webpage in my website. However, after ...
0
votes
1
answer
70
views
How to make element table responsive in React.js Tailwindcss
I want to make a responsive table on desktop and mobile devices with Tailwind CSS. However, this table component is a child of <Outlet /> in React.js router dom.
dekstop view
mobile view
// ...
-1
votes
2
answers
58
views
How to design for 3,000 pixel mobile screens [duplicate]
I'm kinda confused. We use pixels for pretty much everything, from font size to breakpoints. I recently designed a website which changed to mobile landscape view at 770px but when viewing on my mobile ...
0
votes
2
answers
114
views
Hide image if another one is opened, vice versa
I'm have code for two images (Image1, Image2) that both open if two other images are clicked, with onclick and a Java part at the end, like so:
<table style="background-color: #ebebeb; border-...
1
vote
1
answer
147
views
How to make css infinite animation slider work on mobile?
I am creating a price ticker/slider, it works perfectly on desktop/laptop but I can't get it to work correctly on mobile without glitching.
On mobile, the ticker items just appear for a few seconds ...
- 21
0
votes
0
answers
33
views
Dark mode button only works on mobile screen
i setup the navbar to be responsive, but now the dark mode button only works on the mobile screen,
this the html,css and js respectively
<nav>
<ul class="sidebar">
...
0
votes
1
answer
199
views
datatables returning node from render doesnt work in responsive
according to the doc: https://datatables.net/reference/option/columns.render
There are four special values that columns.render can resolve to:
(...)
node (2.0) - when requesting the display data type,...
- 4,005
-1
votes
1
answer
100
views
Problem with responsive sites from a newcomer
Screenshot of current state
I need help! I am new in development and trying to make website responsive. When I use the toggle devices, toggle doesn't hide the links. It just kind of expands the page, ...
