Site Not Responsive on Mobile even with meta viewport tag

Bootstrap Studio Help
1

Hi all,

I am new to the forum and bootstrap studion. I made a site with five sections, all containing a container and rows/columns with their respective breakpoints. At the head I have a <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> tag. The website is responsive on my laptop and the breakpoints work. However, when I go on my phone I am able to scroll to the right and theres a bunch of whitespace. The page loads fine and it looks ok, but when I zoom out theres a bunch of whitespace and my content takes up roughly half the page.

Additionally, I cant seem to find a way to edit the meta tag in bootstrap studio which is frustrating. I want to edit it to say shrink-to-fit=yes to see if that will fix it but i cant edit the meta tag, I canonly add a new one .

2

Can't help you unless you post a link to your site, or the .bsdesign file so we can look at it.

3

You don't need to edit the meta tag. It's all good. Chances are you made a mistake somewhere else.