How do I make a layout fixed in mdl as the layout moves on swipe in small screen devices? - html

I am building a pwa using mdl as front end in firebase. While swiping the app on small screen devices, the layout moves instead of being fixed.
Have attached the pic of the bug.
https://drive.google.com/file/d/1B0t8qFu-Cvbg-pgK6ElMjHoNOF-r7ldp/view?usp=sharing

Related

How to make Html page fit in mobile devices

Im currently working on my school projects. I want my Html page to fit in mobile devices. i have a navbar in the page.

Wordpress website post and page display unfit to mobile screen

My WordPress website screen display is not fit to screen especially in mobile and showing small size, guide me how to resolve this issue

Bootstrap 4 website gets auto zoomed in mobile browser

I am working on a website built-up using bootstrap 4. Website design is working perfect on all platform but on mobile devices the website gets auto-zoom. i need to zoom-out manually in mobile devices to see the website properly. I have tried media port commands, initial scale to 1. Still not getting a solution. Please help

Mobile Template problems

Having trouble with the background images while scrolling on a mobile device. The images work fine while Inspecting the website and setting it to mobile view, but when I use an actual mobile device the images are zoomed in and blurry.
Im having trouble with the navigation too when Im on a page post.. I cant get back to the main page since the nav links are anchored to the main page in specific spots.
Any help would be amazing! Thanks
http://www.wearesettv.com/

Only show Bootstrap navbar on mobile.

I am bit of a noob when it comes to bootstrap but what I am trying to do is have a side menu when in desktop or tablet mode and a fixed top navbar in mobile view.
I am reverse engineering a simple theme http://startbootstrap.com/template-overviews/sb-admin/
I have removed everything from the bar I just can't get it to dissapear in non mobile resolutions. I'm sure I am being stupid, thank you for any advice.
You can use Bootstrap's responsive utilities
With these you can give the navbar a class of visible-xs which would only show up on devices with a resolution less than 768px.