Im currently working on my school projects. I want my Html page to fit in mobile devices. i have a navbar in the page.
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
I have testing site with eshop (I don't have permission to backend, just need to use or .
The website is there -> Click the link
You can see the blue banner in the middle between the products. I am using to show the banner on mobile too (by default they are invisible under 767px).
It works (if you use developer tools in Chrome or Mozilla), banners are showing, but if I load the site on mobile, banners are not visible and I don't know why.
Any ideas?
The default code is this:
#media (min-width: 767px){.banners-top,.banners-content,.banners-footer{display:block}
{.banners-top,.banners-content,.banners-footer{display: none}
I am using this code to show the banners on small screens:
#media (min-width: 200px){.banners-top,.banners-content,.banners-footer{display:block}
I already done it. If I inspect the site it says for the banner {display: block}.
On desktop, if I set up 400px, the banner shows up, but if I turn the mobile, it doesnt shop up.
See -> Desktop
Mobile
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/
I'm using wordpress and I have my own built table on some page.
This table is showing some info for mobile users and more info for desktop users (because of space).
I'm using css rule
media only screen and (max-device-width:
to show the correct info for mobile users (i'm using display: none to hide some parts).
Everything works great but, when I click on my mobile browser to view as desktop, it does show as desktop the whole website expect my table which remains the same as mobile (with hidden parts).
What can i do to recognize this situation?
Thanks