Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 10, 2013 at 10:25 am #198475
    Mono14

    Hi,
    Im having a serious issue with responsiveness in the site im building. The Smartphone i have and i test it on is a Samsung Galaxy Ace running android 2.3.6
    The big problem is that the enfold demo looks great even my phone is not that modern. It resizes perfectly.
    But the site I’m building isn’t working nicely in on my phone. Its quite “responsive”, I mean everything appears in a single column, but that column is wider than the phone’s screen… And the fullscreen slider in the home of my site doesn’t even resize photos.
    I insist that even the fullscreen slider in the enfold demo looks good on my phone, but not the site im building.
    Just to let you know, I didnt make any change at all in css or php files, just quick css adjustments. I’m not using child theme.

    I dont know if I make my point. Its hard for me to explain whats going on in english.

    Hope we can work it out!
    I’ll send the url in a private message.

    December 10, 2013 at 10:26 am #198476
    Mono14
    This reply has been marked as private.
    December 10, 2013 at 4:51 pm #198586
    Devin

    Hi!

    I just did a quick test using dev tools with the same device specs and I’m not getting any issues with the responsive widths.

    Is this with the default browser? Does it have any network specific skins or settings on the device?

    Regards,
    Devin

    December 10, 2013 at 5:41 pm #198616
    Mono14

    Hi Devin,
    Im using the default browser, no network specific skins or settings on the device.
    I made a video just to show you how the enfold demo looks good and my site doesnt:
    (next post)

    December 10, 2013 at 5:43 pm #198617
    Mono14
    This reply has been marked as private.
    December 10, 2013 at 6:11 pm #198626
    Yigit

    Hey!

    I have just checked your website on my iphone and it looks fine. Please see screenshots below
    http://i.imgur.com/BtGgaMn.png
    http://i.imgur.com/8HuGNHa.png
    http://i.imgur.com/b1tROZu.png
    Have you tried checking your website on another mobile device?

    Regards,
    Yigit

    December 10, 2013 at 7:33 pm #198670
    Mono14

    Devin and Yigit,

    I tried my site on my sumsung galaxy ace, and on an S1 with the same bad results ;(
    Then I could try it on my brother’s nokia: the fullscreen slider resizes correctly but css stuff doesnt work.
    I had a chance to try on an iphone 3 and everything looks good.
    What I cant understand is why on my own phone the enfold demo works, but not my site.
    Weird!

    December 11, 2013 at 10:40 am #198926
    Ismael

    Hi!

    Please edit header.php, find this code:

    <?php

if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">';

?>

    Below, add this code: 

    <script type="text/javascript">
(function() {
	var meta = document.createElement("meta");
	meta.setAttribute('name','viewport');
	var content = 'initial-scale=';
	content += 1 / window.devicePixelRatio;
	content += ',user-scalable=no';
	meta.setAttribute('content', content);
	document.getElementsByTagName('head')[0].appendChild(meta);
})();
</script>

    I’m not sure if this is going to work but it’s worth a try. According to the author of the code it will equalize the CSS pixel density on mobile devices.

    Best regards,
    Ismael

    December 11, 2013 at 3:01 pm #199005
    Mono14

    HI Ismael,
    Just tryed and this message appeared at the very top of my site:

    <script type=”text/javascript”> (function() { var meta = document.createElement(“meta”); meta.setAttribute(‘name’,’viewport’); var content = ‘initial-scale=’; content += 1 / window.devicePixelRatio; content += ‘,user-scalable=no’; meta.setAttribute(‘content’, content); document.getElementsByTagName(‘head’)[0].appendChild(meta); })(); </script>

    Im not using a child theme, can that have to do?

    December 11, 2013 at 4:33 pm #199046
    Mono14

    Hey,
    I did what Ismael suggested, it didnt work and went back to delete the lines i added. Now my site is broken. All I get is:

    Parse error: syntax error, unexpected ”walker’ (T_ENCAPSED_AND_WHITESPACE), expecting ‘)’ in /www/pedro-basaldua.com.ar/htdocs/wp-content/themes/enfold/header.php on line 175

    Help please, I know almost nothing about php!

    December 11, 2013 at 4:40 pm #199053
    Devin

    At this point I would suggest re-uploading the entire theme after re-downloading it from your downloads on ThemeForest. That will fix the error that is live now.

    What I meant by custom skins on your phone was the network you got the phone from. Different devices and networks have their own set of junk on top of the default android OS and if we can narrow it down to a specific network that may help.

    December 11, 2013 at 4:44 pm #199062
    Mono14

    Ok,
    how can i reupload the entire theme?
    Or at least the header.php

    December 11, 2013 at 5:12 pm #199084
    Mono14

    Forget it, problem solved, i uploaded header.php via ftp and the site is working again.
    The responsiveness problem in some devices is still there. At leat, hiding de fullscreen slider was a good choice even it didnt solved the issue.
    I cant help you with skins on my phone since i know nothing about it ;(

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Serious responsiveness issue’ is closed to new replies.