All Questions
Tagged with responsive-design html
8,855 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....
1
vote
1
answer
48
views
Can't scroll down on mobile after hero section loads — content visible but not accessible
Hey all — I'm building a custom website and I'm running into a weird issue on mobile devices (tested on iPhone and Android).
Issue
Page loads fine — navbar and hero section appear immediately
After ...
- 101
1
vote
1
answer
48
views
Responsive Image Flow Horizontal Gallery
I'm working on attempting to replicate this gallery: https://preview.themeforest.net/item/core-minimalist-photography-portfolio/full_screen_preview/240185
I have some code that works for me on my ...
- 13
1
vote
2
answers
87
views
How can I split members of a subgrid when reordering (due to screen size)
I'm creating a web UI where I have one large area of main information, and three sidebar areas. Two of the sidebars are narrow, and one is wider. On a wide enough display, I want to show them like ...
- 46.8k
-1
votes
1
answer
41
views
How to overlay Video and iceberg image correctly with responsive scaling?
I am working on a hero section where I need to:
Have a background video covering the full screen.
Overlay an iceberg image on top of the video, positioned properly at the bottom.
Ensure text is ...
2
votes
2
answers
35
views
css flex-wrap, but vertically?
5 children elements
equal widths
varying heights
I would like to do EXACTLY what flex wrap row does, but VERTICALLY.
.container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
...
- 23
-4
votes
1
answer
70
views
How can I create the following, responsive, shape and add text over it?
I want to create this design in HTML/CSS and add a text over it on each looking square.
How can i achieve it in html and CSS?
This pattern should be responsive also that's why i want it coded so ...
0
votes
0
answers
77
views
Can I get source code after using hostinger website builder?
After using hostinger website builder to build my website, can I get to access the source code later to do whatever I want to with or I'm stuck to modifying it only on hostinger?
- 25
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
39
views
Position sticky not working in React JS nav bar
I want the navigation bar in the below code to be sticky at top once I scroll down, but it isn't.
These are the codes below.
App.jsx:
import Absorption from './Absorption';
import './App.css';
export ...
1
vote
1
answer
49
views
Images overlapping with elements in the body when the user changes the zoom of the website
I'm creating a website of mine and i've been teaching myself HTML for the past week or so but I cant absolutely understand why my code isnt working.
Basically I'm trying to put he figure just under ...
- 13
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
0
votes
1
answer
48
views
Make image container adjust its height based on sibling container content? [duplicate]
I want the .content-container to take up as much height as needed based on its content, and I want the .image-container to adjust its height dynamically to match the .content-container.
The problem I'...
