• Curious as to where I can investigate in the Photolite Theme the code which controls how the site is viewed on a Moble device. In a browser the theme looks great, but when viewing from a moble phone it is all messed up. Thanks. Site is http://www.justdanceon.com. i have a screenshot, but can’t post it on this thread. Any help would be great. Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Did you make changes to the CSS? Because I see a lot of fixed widths that keep the width of the page very wide, which is why the site doesn’t act responsively. For example, the copyright wrapper is set to 1170px, and the inner header, services section, and bottom carousel are set to 1160px. You can’t set widths like that and expect the site to be responsive. Instead, you should be using media queries that activate CSS rules based on the screen width.

    Thread Starter smielock

    (@smielock)

    Thanks CrouchingBruin. I did not touch the CSS other then add items (ie. For mailchimp) And I didn’t touch the actual file I used code in the Custom CSS area of the General Settings area. I will copy the CSS from original file and replace to see if that fixes it.

    On closer inspection, it looks like you might have some sort of plugin which is taking some of your external CSS files and copying them to an internal stylesheet. I can see the contents of the theme’s style.css file combined with some CSS for Mailchimp in this one internal stylesheet (you can see the internal stylesheet if you do a view source on your site). So what’s happening is that this duplicate copy of the theme’s style.css file is overriding the theme’s responsive stylesheet. If you can figure out why you have an extra copy of the theme’s style.css file, that would be the key.

    Thread Starter smielock

    (@smielock)

    I wonder if it is a theme issue then because I am using Mailchimp for WP which is the same one the demo used. Nevertheless, i may need to ask you more specifically what and how you found this. If you dont mind. I am going to deactivate some of fhe plugins to see if that fixes issue, and the only other way i could see a second style sheet being introduced is via the themes custom CSS box, but that is designed for that purpose. Hmmmm, thanks. And I will keep looking. I did take tge systems original style sheet and copied back into the custom css block on the theme with no resolution. I may just simply delete ehat is in tbe custom section to see if thst fixes it. Thanks.

    Looks like you fixed it. Was it a plugin or was it something in the custom CSS option?

    So you don’t want to copy the theme’s stylesheet into the custom CSS option, at least, not all of it. You only want to copy over the rules that you want to change. If you copied over the whole thing, then that was probably the source of your problem.

    Thread Starter smielock

    (@smielock)

    It was the themes custom CSS block. I deleted yhe content and just changed the two things, not much, from the systems CSS file. I will have to create a childs folder so any updates dont reset what I have done. I did let Flythemes know and I believe thwy are going to take a look at the theme data to see why that occured. However as of right now it is fixed. Thanks for all of you help. I will probably wait a few days for Flythemes to get back to me and then close this thread. Cheers.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Theme Responsive Moble Display not working’ is closed to new replies.