Site losing responsive look (zooms out)

Sudo Tech Posted in General Discussion 4 weeks ago

When I click inside the texting box, my website expand itself making it not mobile responsive. I have to zoom in to return back to normal. This happen mostly on mobile browser. Any solution to this? enter image description here

enter image description here

Replies
Croatian Myla juun Replied 3 weeks ago

Good! I liked the space of the room and the service of the staff. I will definitely have a good experience slope 3 online.

German Dominik L Replied 3 weeks ago

You're welcome :D

ng Sudo Tech Replied 3 weeks ago

Thanks @Dominik L. Now working perfectly

German Dominik L Replied 3 weeks ago

Use the component I linked

This one:
https://www.opensource-socialnetwork.org/component/view/5780/customs-css-js

Then go to your admin panel -> configure -> CustomCSS/JS and then under "frontend JS" you add this code

ng Sudo Tech Replied 3 weeks ago

Thanks for the reply @Dominik L. Please can you tell me step by step on getting this done. Where should I add the code you gave? I’m not a pro with programming

German Dominik L Replied 4 weeks ago

Use Custom CSS/JS (click here) and add for frontend JS:

document.addEventListener('DOMContentLoaded', function () {
 var viewport = document.querySelector("meta[name=viewport]");
 if (viewport) {
 viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');
 } else {
 viewport = document.createElement('meta');
 viewport.name = 'viewport';
 viewport.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';
 document.head.appendChild(viewport);
 }
 });