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.

Filter by
Sorted by
Tagged with
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. ...
  • 13
-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 ...
  • 155
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 ...
  • 1
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 ...
  • 51
-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 ...
  • 1
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 ...
  • 3
-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 ...
  • 4,239
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 ...
  • 15
-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 ...
  • 61
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:...
  • 1
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 ...
  • 115
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 ...
  • 13
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 ...
  • 11
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)? ...
  • 651
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 ...
  • 1
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 ...
  • 41
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 ...
  • 41

1
2 3 4 5
30