February 25, 2015 at 5:08 pm #15182vwirthCustomer
Hi there, I’m using the Epik theme for one my clients but when I try to customize the CSS on some sections (like adding a horizontal opt-in box or closing up large padding) it breaks the mobile responsiveness on some/all sections. Delivering the site as is isn’t an option as it looks bad on mobile and to keep the mobile I sacrificed some design tweaks on desktop. Here’s the link currently: http://kathryncooperlive.com.
Does anyone know if there’s any way to remedy this? I don’t want to change themes plus I sold my client on the necessity a responsive site :/
Any one else had this problem? I’d love to hear any solutions.
Thanks!!February 26, 2015 at 3:02 pm #15188EricCustomer
The issue isn’t the Epik theme itself, since by default the Mobile Responsive features work perfectly from the start. Of course if you change, edit, adjust anything that prevents it from doing what it’s naturally supposed to do (responsive) then you would need to revert back and figure out what all you’re adding/removing that is causing the issue. The issue isn’t the theme itself, it’s something that you’re adding that is most likely throwing everything off. The same thing will happen on any theme that you use.
It’s hard to say what all it could be exactly since there is so much code to examine and look at. Doing this goes beyond the scope of support since this deals with customization and fixing an issue caused by customization. I would recommend reverting back and adding your code in piece by piece to figure out where your issue is coming from.
If you’re developing sites for clients and offering Mobile Responsive features, then now would definitely be a good time to understand how Responsive CSS works so that you can learn to design and make adjustments without breaking any of the Responsive features. I did this a couple years ago by reading tutorials and constantly inspecting and testing code using the browser inspector tools. You can even use something like this to test responsive features in your browser – http://www.studiopress.com/responsive/ You’ll still need to look at a mobile device for somethings, but that link above will still help with some of the basics.
If you’re in a hurry, then the best thing to do is hire someone that already knows how Responsive CSS works, and they should be able to inspect/examine all of your code to pinpoint where all the issues are coming from and get them fixed asap. Shouldn’t take too long as long as they know what they’re doing.
I create awesome sites for awesome people! Contact me if interested – firstname.lastname@example.orgFebruary 27, 2015 at 2:16 pm #15196Jason MCustomer
Just like HTML, CSS, or any code you can’t just add or remove things without there being an effect…..unless you know what you’re doing. This goes for any theme you use, regardless which theme it is.
If you’re using a plugin, make sure it works properly so it doesn’t conflict with anything else.
I looked at your site and the responsive code seems to be working at the moment. Good job by the way, it’s looking good 🙂February 27, 2015 at 2:36 pm #15199vwirthCustomer
Thanks @Eric and @Jason M for your insights and knowledge. My problems happened when I tried to close up the top and bottom padding on certain sections (cue subdued panic). After hitting the books (online) a bit, I now see my error and why “thatta no work!”. So, indeed…my education continues! 🙂
All in all, my client is very happy with the site, which is what matters in the end 🙂
Cheers!February 28, 2015 at 12:08 am #15202EricCustomer
@vwirth Awesome! Glad to hear you’re figuring things out. Your site looks like you know what you’re doing, so great job!
If you run into a specific issue of something that isn’t working quite right be sure and let us know and I’d be glad to point you in the right direction.
I create awesome sites for awesome people! Contact me if interested – email@example.com
- You must be logged in to reply to this topic.