-
Posts
-
Hello,
I have quite a few problems with viewing an enfold based website in responsive devices since I updated the theme. This happens on android 4.2 when using the default browser, chrome for android and also dolphin.
1. I have set the menu to display the responsive menu on tablet and smartphone devices. Sometimes the menu displays, sometimes it doesn’t – there seems to be no reason to it, however, my logo is larger than the normal size at 589 x 156. I had to set it this size because it seemed so small at the normal size.
2. Sometimes the stylesheet doesn’t load. I have to reload the page several times and then it decides to appear.
3. I have added the following to the custom css to stop the layerslider working on mobile and tablet devices: @media only screen and (max-width:1000px) {
.avia-layerslider { display: none; }
}This works ok in landscape mode but when I turn to portrait it displays the slider.
4. Images with an animation effect (for example slide in the from the left) don’t seem to work. I just get a blank space where the image should be.
5. I have pages with portfolio grids in them. The excerpt text displays in the portfolio grid displays but the images don’t display.
6. Sometimes the breadcrumb overlays the page title on the page. I have used this code which works .title_container .breadcrumb {left: -4px; top: 70%; }
#top .title_container .container { min-height: 90px; } but I think this problem relates to issue 2 above because if I reload the page a few times it seems to fix itself.Overall, it’s a bit of a mess and seems very hit and miss with some of the points above.
Any help would be appreciated.
Thanks
Andrew
Ok, it’s definitely a problem with the css (quick css) and stylesheets in general. I have been testing for a couple of hours on a range of browsers. When I completely clear my cache on tablet/mobile and load the site the first page loads ok with the quick css settings. But, when I navigate to other pages it all starts to go wrong as advised in the first entry above. I can tell it is not loading the quick css on subsequent navigation because things like layersliders which are hidden on mobile view start to appear on pages. But, it’s not just the quick css problem. It’s a stylesheet problem in general because some pages don’t apply any style at all.
Help!:-)
Thanks
Andrew
Hi!
I can’t think of anything that would cause it not to load other than a failure on the server to load all the files. I’ll tag the rest of the support crew as I can’t think of a single option to try from our end or within the theme/wordpress that would help a failure to load files.
Best regards,
DevinHello and thanks for the reply.
I have been doing some more testing this morning. One thing I have noticed is that on desktop the site is very fast to load (it’s a VPS server so no speed issues) but on Android it is very slow. This is what makes me think that the css is not loading correctly and why sometimes I just get the page without any css styles applied (not just quick css but the built in theme css).
So, what I did was to try it with W3 Total Cache enabled. I set total cache to build a cache file of all pages/portfolio entries with a longer timeout period. This seems to have helped a lot. I still get some pages where I have to refresh for it to read the css and display correctly but overall it is working much better. Do you think it could be a lag in the css loading times?
Thanks
Andrew
Hi!
Maybe it’s related to the mobile phone connection. Some users reported loading issues with i.e. Vodafone but with wlan/wifi the website loaded fast and without any issues. The “lag” (maybe) is a result of a slow data connection/transfer.
Cheers!
Peter
- The topic ‘Numerous issues with responsive design’ is closed to new replies.