Theme not responsive on mobile devices

I see what you mean – I see the same on my own Android. If I install the theme on a test site however, it responds correctly on mobile.

Can you try disabling any CSS you’ve added, if any? Also, try disabling all of your plugins to see if that solves the problem. If it does, turn them back on one at a time to see what triggers the issue.

Let me know what you find!

Steps taken..

1. Re-installed theme
2. Commented out all Custom CSS in the “Custom CSS” plugin
3. Disabled all plugins

I seriously have no idea what the problem could be at this point. If I resize the browser it shows more of a mobile view like it should. Just won’t do it on mobile devices which is really what we need lol.

I activated a completely different theme altogether and it’s still happening.

• This reply was modified 8 years, 1 month ago by skeptikal3.

I don’t know if this is the culprit, but it might be:

I noticed you’ve imported the Forever (parent theme’s) stylesheet into the Ever After style.css via:

@import url("../forever/style.css");

But you’ve also copied a huge amount of CSS below it as well. This means you’re duplicating a huge amount of CSS that could be interfering with things.

Can you try removing the CSS below the import statement and see if things return to normal? Only CSS you want to override in a child theme should be there, not the entire contents of the parent’s CSS file.

Let me know if that does anything.

2. Commented out all Custom CSS in the “Custom CSS” plugin

This is a side note, but you don’t also need a custom CSS plugin if you already have a child theme. I recommend you keep all your custom CSS in one place: the child’s style.css.

I activated a completely different theme altogether and it’s still happening.

I just noticed the above sentence, which means that the culprit isn’t the theme.

Are you running any caching plugins that might have delayed the effect of disabling your plugins?

I believe that @import url…. section is because the theme is a child theme of another one. I didn’t add that @import in there manually.

There were no caching plugins on the site.

I ended up just deleting the whole thing and re-doing it on a different hosting platform. I originally had it as a subfolder of my main domain and the DNS record just pointed to the subfolder.

I gave it it’s own place to live on my HostGator Reseller platform and all is well.

I appreciate the willingness to help but tearing down and redoing in a new reseller package seemed to work!

I believe that @import url…. section is because the theme is a child theme of another one. I didn’t add that @import in there manually.

Right — but below that were hundreds of lines of additional CSS that probably shouldn’t have been there. ??

In any case, I’m very glad to hear that you’re all sorted!

I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.