17,466 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
0
votes
0
answers
15
views
srcset not working on hero image in Big Commerce
I cannot figure out why the srcset is not working for mobile. Only the desktop image is rendered, i.e <dsk-img-filepath>
<div class="heroCarousel-image-wrapper">
<img ...
-2
votes
0
answers
70
views
How can I accurately position and maintain alignment of absolutely positioned SVG elements over a full-screen background image
Background image without SVG elements
The SVG elements are absolutely positioned within the layout, but there is no structural or programmatic link between them and the background image. This means ...
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
0
votes
0
answers
21
views
How do I dynamically calculate the number of words that fit on a screen in React Native?
I'm building a book reader in React Native where the content is stored in segments (e.g., every 100 words) in a database. However, device resolutions and orientations vary so much that hardcoding a ...
- 23
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
0
votes
0
answers
41
views
Flutter Web Responsive Issue: Background Appears Above Keyboard on Mobile
I'm developing a Flutter web application and testing it on my phone. When I open the keyboard, some parts of the background appear above the keyboard, instead of keeping the screen widgets in place. ...
-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 ...
1
vote
0
answers
31
views
Media Queries Issue: Wrong Breakpoint Applied in Mobile Desktop Mode
When viewing my site on a laptop, responsiveness works as expected, and the same applies when viewing it on a mobile device. However, when switching to Desktop Mode from a mobile browser, the styles ...
- 11
0
votes
0
answers
32
views
Page Resizes on Navigation to Sign In Page in Next.js, But Works Fine on Refresh
I am encountering an issue in my Next.js app where, when navigating to the Sign In page via a link (<Link href="/signin">), the page initially appears smaller or resized (around 90% of ...
- 1,719
0
votes
0
answers
76
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 ...
