Questions tagged [mobile-website]
Mobile Website refers to the design and implementation of web content aimed at clients using mobile devices such as phones or tablets.
1,463
questions
1
vote
3
answers
40
views
Banner Image Zooms in on Mobile
I have a static html page www.poggenamp.com with a mobile version. The mobile manner appears zoomed in, and I am not sure how to fix it. Checking through Chrome's Inspect as well as my iPhone 13 Pro. ...
-1
votes
0
answers
13
views
My BigCartel website isn’t converting its size for the mobile site [closed]
So I finally decided to open my own shop/website and I am having a huge problem. When I edit my website on Big Cartel, it looks great in the desktop browser. However on mobile, it looks like the ...
0
votes
0
answers
15
views
How can I detect support for SMS from JavaScript?
I am implementing a SMS share button using the sms://... link. The problem is, if a user doesn't have an SMS app on their device, this link will do nothing, or cause an error. I'd like to be able to ...
0
votes
0
answers
32
views
Horizontal scrolling doesn't work on mobile devices
I am making a website which has two pages next to each other. The other page stays hidden with 0 width when the front page is in the view. A button is used to activate the other page, scroll right to ...
-2
votes
0
answers
19
views
Why the collapsible button disappear in mobile view?
I am doing a very simple website page by using bootstrap button.It is ok in laptop view. When I check it in mobile view, after I click the collapsible button, the picture and text did come out but I ...
0
votes
0
answers
19
views
Gpay app is not opening while integrate Gpay intent flow on website in react js
I have integrated GPay intent flow in React JS on my website. The issue is that the GPay app is not opening every time. 1 time out of 5, it's working. I have send gpay: true in createPayment also . My ...
-2
votes
1
answer
38
views
My contact form .PHP is not sending me any details, why?
Here we go, I can't find what is wrong with my php code. When i receive an email i just receive the title without the information acquired from $_POST, can someone help me?
HTML CODE:
<div ...
0
votes
0
answers
11
views
Scrollspy does not lead to the start of the section
I'm trying to develop a website, but I'm having a scrollspy problem. When in the mobile or tablet version, I click on one of the nav-item present in the dropdown, it doesn't go to the beginning of the ...
-1
votes
0
answers
15
views
How to access website folder system, like Google Dev on Desktop, with IPhone
I'd like to see the Javascript and CSS files a website uses on its mobile website. Right now I have an IPhone 8 Plus using IOS 16.2 and can use whatever browser is easier.
Thank you for your time
0
votes
0
answers
46
views
Website accordion (expanding content) causing parallax images to jump but only on mobile (iOS)
function initializeParallax(clip) {
var parallax = clip.querySelectorAll('*[parallax]');
var parallaxDetails = [];
var sticky = false;
// Edge requires a transform on the document body and a ...
1
vote
0
answers
35
views
Square box symbol displaying as an emoji on phone screen?
I have a very simple webpage (HTML/CSS/JavaScript) that uses the symbol "☐" (edit: I believe it's the ballot box symbol), but when I view the webpage on my phone, it shows up as an emoji ...
-2
votes
1
answer
29
views
What has been your experience of building a browser website using Flutter?
We've built an app through Flutter and realising that some of our user behaviour is best created for larger screens, where people are creating best on desktop. I've seen that the codebase is viable ...
0
votes
0
answers
13
views
Can someone help me with determining the width/height of the Samsung a10
I am trying to figure-out the viewport for the phone Samsung a10 for responsive design of my website. Now it mentions a resolution of 720 x 1520 pixels, which is defiantly to big to be a phone size. ...
0
votes
0
answers
68
views
How to integrate screen orientation lock inside ReactJS application?
I need to lock my ReactJS application to portrait mode.
I've tried to use https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/lock API.
I've added this piece of code inside my react ...
-2
votes
1
answer
54
views
How to make Html table responsive with screen size?
Can any help me to make this code responsive on phone, so that the table will change its size accordingly and will appear properly on mobile displays. The table is broken or cut in half with certain ...
-1
votes
1
answer
26
views
Left-side of html page gets clipped off
I've made rock paper scrissor game using html,css and js.When window is resized to small, some left portion of the page disappears .Using horizontal scrollbar i can scroll to right but not left.
I've ...
0
votes
0
answers
14
views
Git bash command Everything up-to-date Branch 'main' set up to track 'orgin/main'
Everything up-to-date
Branch 'main' set up to track 'orgin/main'. This is last git bash command what will i do for push the site
I want to ask my user id and password when i push the file
2
votes
0
answers
70
views
How to keep header at top of visual viewport after layout/visual viewport changes in Chrome mobile web?
I know there have been multiple SO questions about this, but none of them seem to work anymore since the browser teams have made changes since those questions were asked. I'm trying to find the most ...
0
votes
1
answer
254
views
Web App not requesting LOCATION permission on mobile website
i am building a very simple app that requires the geo-location of visitors. I use the react navigator geoLocator for this. My desired behavior is to show the gps coordinates when permission has been ...
0
votes
1
answer
51
views
Make page mobile friendly?
I have a lot of webpages, and a few websites. The problem is, I am a begginner. I use basic html5 & css3 and I don't know how can I make them zoom in, zoom out and mobile friendly. For example, ...
0
votes
0
answers
21
views
Dynamically address HTML elements with JavaScript, relative to the triggering object
I wrote a Responsive Website with HTML, CSS and JavaScript. On the desktop, the dropdown-menus in the menu are triggered via the CSS :hover event.
On the Mobile version, those menus collapse via a ...
-2
votes
2
answers
61
views
Can we make our website fully responsive with CSS only?
Can we make our website fully responsive while using CSS, none of other thing should we use.
-1
votes
1
answer
22
views
Background-color of div or section is not changing properly or or not even a bit
.forBackground {
background-color: white;
}
.kontaktUndMapContainer {
width: 100%;
padding: 20px;
color: gray;
text-align: center;
}
.überschriftKontakt {
margin-bottom: 20px;
}
....
0
votes
0
answers
28
views
Blogger Dynamic Views MOSAIC theme: how to fix page auto-scrolling bug?
My website is https://tfnm11.blogspot.com based on the Blogger Dynamic Views MOSAIC theme.
This theme has a bug whereby when you are scrolling a page in the site, the page suddenly jumps back to the ...
0
votes
0
answers
133
views
In Mobile web view application, how to make inactive popup/ modal when we click on back button in mobile in React Js not in react native?
When we click on this mobile back button it should inactive the popup not redirecting to previous page.
-1
votes
1
answer
14
views
The changes I make in my website's CSS header not working?
I do some changes in my website Design by changing CSS header and much more but the header is not changing correctly
I try to change the header color and text.
0
votes
1
answer
143
views
Implementing a mobile only screen on a website that prompts the user to reopen the link from a desktop device
I have been creating a website using Cargo Collective (CSS) and need to publish my website before I will have had time to optimise it for mobile use.
I am looking to add a prompt that will appear when ...
0
votes
1
answer
1k
views
how to solve Browser errors were logged to the console?
PageSpeed Insights is showing this error message for my wordpress website (MyBGMI.Com
I can't fix this problem. To be very honest can't understand the problem.
**Errors logged to the console indicate ...
0
votes
1
answer
281
views
React website IOS white screen | Android and Desktop work fine
I need help please, I've created a website using React it renders fine on desktop and android but I get white screen on IOS. below is my package.json (website is live if anyone wants to inspect)
https:...
0
votes
0
answers
120
views
React: I have a landing page, you click a button but the video background element is not auto playing with sound on mobile only. Desktop works
I have been building a react app. I have a landing page. It has a button that when I click sets the muted state to false. Which then the video loads in and is working on desktop.
But when it comes to ...
0
votes
0
answers
80
views
My wordpress website's menu and search bar is not working. I am using latest version of Neve Theme. What should I do now to fix this issue?
I made a wordpress based website Mybgmi.com and my website's menu and search bar is not working in mobile devices. Can't understand how to fix this problem. I am just beginner. Can anyone please help ...
0
votes
2
answers
86
views
Detect if website is open in mobile without CSS [duplicate]
I don't find a way in JavaScript to get on what device my website is open.
I want something like this:
if ( website.size < 768px) {
//do something for mobile
}
I know that I can use a media ...
0
votes
2
answers
292
views
How to make the flex box cover the entire page as required?
I have been trying to set the .flex-container to cover entire page below the horizontal rule, but when I resize the window, in around 1200px width, the flex box container is not going all the way down....
0
votes
0
answers
30
views
My HTML and CSS nav bar is not working on IPhones
So I have been coding a website with some friends for our robotics team and have run into a problem with our nav bar. It works well for any PC/laptop/mac books and Android devicesWorking nav bar on ...
0
votes
0
answers
145
views
Bootstrap5 Mobile Friendly Web
I am working on a web app and need it to be compatible with mobile devices.
The web app is written using Django, I am using Bootstrap 5 for arranging the page to be responsive. I am totally a newbie ...
-3
votes
2
answers
43
views
Width set to 100% seems to not working for me.Help me to make my website responsive
I,m making a portfolio website for myself as my first project. It looks great on a desktop. But when I open it on mobile it's not responsive. I have tried the width set to 100% But on mobile, I have ...
0
votes
1
answer
31
views
Is there a way to tweak my code to prevent my submenus from opening from resizing?
codepen link.
let widthMatch = window.matchMedia("(min-width: 1080px)");
let widthMatch2 = window.matchMedia("(max-width: 1080px)");
// mm in the function arg is the matchMedia ...
0
votes
0
answers
40
views
Wix horizontal bar similar to tab component
I am new to Wix and to be honest kind of confused if there is a way to add a horizontal bar in my website.
So I have a multistate box with different states so when you press a button it takes you to ...
0
votes
1
answer
421
views
Fixed position html css sidebar scrolls in mobile view when not supposed to
I am currently building out my portfolio, and while working on the sidebar and testing for mobile responsivness, i ran into a small problem.
i have a div that acts as my sidebar, it has a position ...
0
votes
0
answers
104
views
Text and iframe (google maps) next to each other responsive on mobil?
I want to have some text next to an google map. Unfortunately it doesn't look good on mobile and I still don't know how I can fix that issue. Is there a solution for this or do I just have to make the ...
2
votes
2
answers
45
views
My current header is does not work on mobile. How can I make my header responsive?
So, right now my header doesn´t look good on mobile. - The words overlap. They should remain in the same order... I tried to use line-height, which did not really change anything. Maybe you have some ...
1
vote
1
answer
32
views
How to solve this problem with responsive - blank space on right side?
I'm teaching coding in Visual Studio Code, and I found some template and tried make website. After finishing coding I have problem with responsive which u can see on pictures. There is blank white ...
0
votes
0
answers
27
views
BottomSheet with autofocused TextField does not follow the keyboard on Web
I've tried using MediaQuery, isScrollControlled, scroll containers, extra paddings, all from this other question: How to Move bottomsheet along with keyboard which has textfield(autofocused is true)?
...
0
votes
1
answer
42
views
Nav doesn't hide when i click on menu (cursor pointer)
i don't understand why my menuBtn doesn't work on my site. The navigationbar is still visible on the site. When i investigate the site on chrome, the value of the
sideNav.style.right changes, but the ...
0
votes
1
answer
39
views
theres two images with different classes, and I have two paragraphs within one article class. How do I place eah image above each individual paragraph
I'm building a responsive website, and I have an issue with placement of images on a mobile screen.
There's two images in html
<img class="img-2yb" src="img/2yb5z6lqp4v71.jpg" ...
0
votes
2
answers
133
views
Font awesome icon not working, only white box appears
So I've been trying to render a startup website (not an actual startup) and I'm currently adding 3 icons in a row in about the center of the page after the "about" div. The main problem here ...
0
votes
0
answers
9
views
Problem adding website to home screen on iOS
Our website works in harmony with mobile website. That's meta tag
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=6.0" />
In order to ...
0
votes
0
answers
289
views
How to test website from instagram in-app browser on specific device ( Sony Xperia )
I am working on a website which have display problem when browsing from the messenger, facebook or instagram in-app browser. Since we are running ad campaign on those platform and we can not force the ...
0
votes
1
answer
487
views
Is there a way to disable the Virtual Keyboard automatically popping up on Mobiles?
I have a page component that asks a user to enter a number, however when they scroll to this page on a Mobile, the Virtual Keyboard on the mobile pops up and pushes the entire page up.
I want to ...
0
votes
0
answers
21
views
Testing Local mobile web changes in Chrome Dev Tools
Right now I use Angular at work to edit and create a Web App, but we are having some issues where changes i've made are looking fine on Chromes Dev Tools in Responsive and emulating the Screen sizes ...