Why is my website's mobile version not working properly? - responsive-design

I have created a webpage using Dreamweaver and the mobile view is not showing properly on my website after uploading using Cpanel. This webpage is a practice site that my boss asked me to work on.
I have set the mobile view to trigger from 0 to 720px width. When I do live preview on my smartphone using the live preview of Dreamweaver all looks ok but when I upload the files on Cpanel and visit the actual site from my phone the mobile view does not trigger at all.
enter image description here
Here is how it looks in the actual website: http://www.simplifiednaturals.com/VivaslimSNC1/
Please help. I am very new to website development and only know basic stuff.

Related

My user font-end display got messed up!, But if I use the admin account.. It's working fine

You can see the image here:
actual display of the front-end
I'm Using Wordpress and thrive theme.

how to build an android browser that only show webpage and without menus or any buttons

I have build an responsive website with mobile menu .
So, I want to creat build an android browser that show my website in phones without app menu or any thing like buttons or bars that comes with apps, just my Web page in full screen and it's has a menu and all .
So, I want a way to build it with my zero experience of android development.
I know that is many websites that offer building a free app for your website but it still has a menus like ( about as ,setting, etc... ) .
Thanks for help
I'm not sure to actually understand you question but have you taken a look at Cordova?
It allow to build an apk from a single page website.
There are plenty of tutorials online.

Why does angularjs site works on desktop but not on mobile?

Can anybody explain why this site (using angularjs) works in desktop but not in mobile?
The app allows searching for a timezone then when selected displays the time. On desktop it works but on mobile searching fails.
Visit site here

How can i share image from my web application to Instagram?

I have create one application in React-js for edit images after editing image i want to share(post) that image in Instagram how can i do that?
How can i use Instagram developer API to post the images from my application to Instagram so that user can directly post the image that he has edited in my application.
please give me steps if it's possible because i am performing integration first time.
A great place to start when implementing a third-party API is the docs!
https://www.instagram.com/developer/
But there are other great resources/tutorials online as well.
Here is a Medium article on building an Instagram embedded App with Expo and React Native.
https://hackernoon.com/build-an-instagram-feed-app-with-just-javascript-using-expo-react-native-97c0e799b5cf

Rendering mobile simulated view inside image of mobile phone on desktop browser

I am relatively new to SO, and this is my first question so I hope I get the format & question information correct. I am looking for a plugin or tool that can assist me with a specific display issue.
I have a mobile application that is deployed to both Android and iOS devices. I also have a mobile web application that renders very much like the actual mobile application in the mobile device web browser when the user browses certain parts of the server back end cloud service website on their mobile device. So far so good.
However, when the user browses these parts of the cloud service website on a desktop/laptop, they get the web application view - some of it stretched and not ideally optimised as this is really for viewing on mobile devices. The client would like that a user, on desktop/laptop browser can see a mobile 'simulated' view of the web application.
It has to happen when the user navigates to the page, not through installing chrome plugins etc
I see the ideal solution being something like an image of a generic mobile for when browsing on desktop, centred on the desktop screen, inside of which the web app view is rendered. Is there is plugin/tool that someone out there for this, I have done quite a bit of research and can only find information on emulators for testing etc. In a way all I am looking for is an image that dynamically resizes inside of which a view can be rendered, that looks well across many desktop screen sizes/resolutions etc. Rather than go about this myself (it would be a bit of a CSS learning curve for me) it would be great if something like this already existed.
An implementation like the above would free up real estate on the screen for other items like links and form buttons the client wants
Any direction on this would be greatly appreciated.

Resources