All Questions
1,364 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
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 ...
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 ...
0
votes
0
answers
50
views
Arrows are not working or showing for table content that is not displayed in the initial viewport
Some of the content career route connections do not work for the table's last row. So, I'm wondering that the information that we need to scroll to click on is experiencing arrow pathway connection ...
1
vote
0
answers
57
views
JavaScript overwrites settings to make my image responsive (Adobe Animate Export)
I have created an interactive infographic with the help of Adobe Animate and implemented it to my website: Infographic on my Website Unfortunately I don't find a solution to make it responsive; it ...
