All Questions
Tagged with responsive-design javascript
2,274 questions
-1
votes
0
answers
44
views
Problem in the responsivness of the navbar [duplicate]
When I reduce the screen size, the options starting to disappear
let menu = document.querySelector('#menu-icon');
let navbar = document.querySelector('.navbar');
menu.onclick = () => {
menu....
3
votes
3
answers
91
views
Responsive innerText
I'm trying to change the Text inside a table based on the widthof the screen.
This works fine, when i reach the breakpoint.
The Problem is, that the text does not change back to the original when i ...
0
votes
1
answer
68
views
Having Stripe button responsive or smaller
I try to configure a simple Stripe payment button on my website. However, the blue button is way too large and not responsive.
I would like to have is responsive or at least smaller but there is no ...
- 129
0
votes
0
answers
37
views
Viewport "initial-scale=1" meta tag zooms in when added with javascript
I'm working in a legacy codebase where the existing web pages are not built in a mobile-responsive fashion. I am working on slowly migrating these web pages to be responsive, and I have come across a ...
- 382
1
vote
1
answer
69
views
Svelte Responsive Menu does not show vertical items on narrow screen
I can't get this W3C Responsive Menu to work in Svelte. The menu horizontal navbar is correctly hidden, but I cannot get the vertical version to show. The demo on the W3C site works.
When I build it ...
- 1,475
1
vote
0
answers
44
views
How to implement dual hover for desktop and tap feedback for touch devices in a React hamburger menu?
I'm working on a responsive navigation component using React and SCSS. My goal is to have a hover effect on desktop when a user hovers over the hamburger icon and a tap effect on mobile devices where ...
- 442
1
vote
1
answer
64
views
How to make 2 colour diagonal background flexible without distorting the angle? Tailwind & Javascript
Im trying to make an angled section that will have an image of the application im working on with some text about it, I ended up getting the proper sizes for a polygon and i have it flexing but since ...
- 15
0
votes
1
answer
56
views
Responsive navbar click
I try to get my navbar responsive. Follow this tut on w3schools. If I copy and paste it is working, but I want it to be mobile first (media queries) and there is my problem.
The switch from mobile to ...
- 23
4
votes
1
answer
123
views
Rotating Text around a circle to make it look like a sphere
Trying to get my nav bar to be a series of circles where if you hover over them it displays the text that goes with them. Heres what I have so far:
document.querySelectorAll('.color-circle')....
- 193
-1
votes
2
answers
47
views
How can I create a smooth scroll effect for anchor links with JavaScript? [closed]
Smooth Scroll Only Works Once:
The first anchor link works fine, but after that, subsequent links cause the page to jump instead of scrolling smoothly.
I’m trying to implement smooth scrolling on my ...
0
votes
0
answers
11
views
Trying to embed a leafletJS map in a responsive website
I am trying to generate a responsive website where a map and an info div would be displayed laterally on large screens and stack on phones.
My main code is:
<body>
<div id="...
- 192
1
vote
3
answers
94
views
Huge gap at the bottom of the webiste
Here is my website: https://enmasantos.github.io/vitality_vista, for a personal project I am making, on below the footer there is a huge white space. And I have checked margin both for the footer and ...
1
vote
1
answer
146
views
Responsive navigation bar with dropdown buttons
The problem: in responsive view, dropdown button does not move to the visible navigation bar from the menu icon when any of its dropdown content is clicked.
In more detail: In responsive view (screen ...
- 19
0
votes
2
answers
49
views
Make a first level menu vertical when there is an overflow caused from a change in the font-size in the browser setting for accessibility reasons
I'm creating a simple first level menu (here I have a minimum reproducible example) with flexbox. When there isn't enough horizontal space for the seven links I make the menu vertical with a simple ...
- 1,639
0
votes
1
answer
75
views
Trying to create auto-resizing horizontally-scrollable background image
I'm trying to recreate this webpage, and I'm looking for advice on my approach.
What I'm trying to achieve:
A background image with a height that always matches the screen height while preserving its ...
