Community Forums › Forums › Archived Forums › General Discussion › Parallax Theme Responsiveness lost -Urgent
Tagged: parallax, responsiveness
- This topic has 6 replies, 2 voices, and was last updated 9 years, 12 months ago by Lauren @ OnceCoupled.
-
AuthorPosts
-
January 29, 2015 at 6:52 am #138947SamLindnerMember
Hi.
I have no idea what I have done, but the mobile responsiveness of the site I was building with the Parallax theme has completely gone, it's a mess! Please anyone help. The site is http://www.mayanhealing.com.au. I have done some customisation to the home page, but I thought just pretty standard stuff that shouldn't break the responsiveness.
Anyone have any idea where to even start?
Thanks
http://www.mayanhealing.com.auJanuary 29, 2015 at 6:59 am #138949Lauren @ OnceCoupledMemberYou've likely got some extraneous (or lack thereof) symbol in there. Look for a missing semicolon or bracket. You can help try to identify where it is by using your browser inspector to add a line of bogus code (such as
body{background-color: #000;}
) and if it doesn't work, the missing symbol is above that line. Move up some and try again. When it does work, the missing symbol is below that line, but above the previous line you tested.Best,
Lauren
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
January 29, 2015 at 7:01 am #138950Lauren @ OnceCoupledMemberLooking at your site, that line of code wouldn't be particularly useful since your background is black... lol. Also, I'm not seeing that your responsiveness is broken at all?
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
January 29, 2015 at 7:28 am #138951SamLindnerMemberHi Lauren,
Thanks for the quick reply. I am looking on 2 different iphones and the site is all over the place, not attractive at all. Are you really seeing it responsive well on a mobile?
Not sure I really understand how to go about your suggested troubleshoot method sorry?
Sam
January 29, 2015 at 7:43 am #138952Lauren @ OnceCoupledMemberIt looks like your mobile functions are working, in that they are going into effect. When I view your site specifically on a mobile, I see your menu position is fixed and your text is all forced into a vertical line. This is caused by styles that exist in your style sheet such as padding.
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
January 29, 2015 at 9:15 am #138955SamLindnerMemberThanks. Sounds as though it's a rebuild from scratch. I have tried to go over the custom CSS changes I made but nothing seems to be working. Studiopress support could not provide a deep enough solution either though, just topline suggestions, but the problem is trying to find the place to start! I could spend 10 hours locating the exact issue, it would take me just as long to redo everything over and checking on the mobile step by step.
As doesn't sound as though any one has a definitive answer from looking at the CSS/Firebug.
Damn
January 29, 2015 at 9:46 am #138957Lauren @ OnceCoupledMemberI mean, for those experienced in CSS it shouldn't be too hard. If you reached out to someone for hire, it could be a cheap fix. Or you might read a tutorial on using Firebug to help you master the workflow of troubleshooting with it. It shouldn't take 10 hours to fix, or even 1 hour, but that just depends on experience.
Best,
Lauren
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.