Site Stopped being responsive on Mobile Device

My site has stopped being responsive and I'm not sure why. It was fine a few days ago, and I've been working on it, and when I do test the mobile view, I usually just slide the browser window smaller, check, and then resize it. But I just went to check it on my phone (Galaxy S4, tried several different browsers) and it's tiny now. It still gives the mobile menu, but it doesn't resize anything, and it's super small and the links in the mobile menu don't work. When I resize the site in a desktop browser, it does resize properly and the links DO work. I'm not sure how to fix it and have been trying for hours. I even updated ond overwrote to the latest template version just now 3.10.1eb (was using J) and did no good. I removed all the Override.css I have (see below) and that also didn't work so I put it back. Can you please help? If you need the URL I will need to make the site "Live" and PM you the address please. Thank you for your time.

Override CSS:
.gkIsWrapper-gk_musicstate figure > div:before { background: none; }

body {
background: #fff;
color: #777;
font-size: 14px;
font-weight: 300;
line-height: 1.9;
margin: 0;
min-height: 100%;
padding: 0;
word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #0072CE;
font-weight: 400;
line-height: 1.6;
margin: 0 0 1em 0;
padding: 0;
}

article header h1, article header h2 {
font-size: 24px;
font-weight: 400;
text-transform: capitalize;
}
#gkHeader {
/*background-size: cover;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 40px;

Hi,
Maybe you or Dr Who or The Invisible Man - disable Responsive behavior in template settings, please check ?

LOL! No, I wished it was that simple (and just for the record, that is something I would totally do and forget to check

But not this time. Plus that still wouldn't explain why the mobile menu links don't work. So what I did do is toggle the Responsive option off. Then check it on my phone. It was now the full site with the full classic menu. Then I toggled it back to responsive, and it is now still the whole site (not responsive), but the mobile menu is now visible in the top right REALLY tiny. When I click on it it opens, but the links don't work. If I resize in a desktop browser, the whole site IS responsive and the mobile menu does work. It's the strangest thing. And I didn't play with any of the mobile menu settings or anything like that. And again, I did update to the latest template so it would overwrite everything with the latest code. Still doesn't work. I'm at a loss...What else can we try? Thanks for your help.

Correction: Even though the menu does change to the mobile menu in the Desktop browser when resized, the links in it still do not work. They do work in the classic mode.

Sorry for the double post. I just wanted to make sure you had that info as well.

And URL ? Hmm without this I can not check.

Yes, I understand. I had asked for your permission to PM it to you as we don't wanted posted. I was trying to honor your guys effort to only receive PM's when asked.

On its way to your PM now. Thanks for your help.

Sure, Private Mail button you will find under avatar. Check here at the left .

Sent it. Should be there. Thanks

hmm, you right mobile view don't work as it should.

1) Did you changed something or installed ?
2) My demo page with this template works fine
3) What version of template you are using.

Could you send me access to back-end.

The only thing (beyond normal stuff like adding images, and content) that I did was I tried to use the bootstrap module suffix to hide module " hidden-phone" on one of my attempts I left out the space and so I believe in that instance it creates a new class? But I deleted the change and it's no longer in the module. Do you think that could have anything to do with it? I didn't realize your templates don't use bootstrap. I'm PM'ing you access right now. Let me know what you come up with. Thanks for all your help.

We have different suffix to hide modules... check our documentation for more details...

No, I changed that the day I installed it. Its worked fine for weeks. This just started happening a couple days ago.

I've changed that name on almost every template I've ever used and never had a problem.

It should be noted that I've made quite a few changes since I got it. None have had a negative impact. Just in the past few days has it started happening. And again, I did update to the latest template yesterday just to be sure I had the latest (ends with "ej")

Thanks for your help.

Yes, you right on all templates it don't work.

Could you make a copy of whole website and check this site on localhost or on another server ?
Because I'm not sure if this is fault of template. They works fine...

p.s.
Which plugin or component loading this ??

Code: Select all

<script src=" /media/jui/js/bootstrap.min.js" type="text/javascript"></script>

second you have broken
<m-eta content="width=device-width, initial-scale=1, maximum-scale=2.0" name="viewport">

you should have
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0">

Will do. Thanks for your efforts.

Did you edited "/layouts/default.php" ???
Please replace from original template and check again!

Yeah, once early on and it's worked since. Plus would t updating the template over write that anyway? Even so, you have a good point. I will give that a try and let you know. Thanks so much for all your efforts

That did not work Also, copying and running on a local machine isn't going to help me from a mobile standpoint since the problem is only on a cell phone and also, the menu doesn't work. That doesn't have anything really to do with layouts.php. I mean, the links should work regardless. It's just so confusing that the site is responsive in a desktop browser but not a mobile browser.

The odd thing is for some reason it seams to be partially responsive now, but not fully. Meaning on my phone it will resize the menu now, and it's not zoomed way out. But you have to scroll around the page left and right and up and down to see the content which means the modules and stuff are not responsive. It was like this before I copied a new version of layouts.php today so it must have been something you did?

Do you have any other things I can try? I'm at a total loss and for us to use this template we REALLY need the mobile functionality. Thank you.

Okay, never mind. I got it working again. I uninstalled the template completely, and reinstalled it. That did the trick. I'll be extremely careful this time as I'm not sure what caused it to stop working. Thank you for all your efforts.

One question though. For some reason now, the new template is displaying the default template menu. But on the back end this does not exist anymore. Only the menu that I created as the "Main Menu". The menu that I have as the main menu is enabled and all the links are there but it's not displayed. Do you know what could be the problem? I'm not sure where it's even getting the template menu info as it doesn't even exist in the menus section. Thanks for any help you can provide.