Support » Theme: Fashionistas » Mobil Page View Only Covering 1/4 Size

  • Hi!

    I am working on a child theme of Fashionista. The homepage shows full size on a mobile device, but when you go to the post it only covers 1/4 of the page. My site is http://www.whentaniatalks.com.

    How do I get each post page to show full size on a mobile device?

    My CSS & HTML knowledge is basic so please bear with me.

    Many thanks for your help.

    Tania

Viewing 15 replies - 1 through 15 (of 20 total)
  • Hi Tania,

    I looked into your site and everything looks fine to me.

    can you please share some screenshots pointing out the issue.

    thanks

    Hi Maruti,

    Apologies for the delay in replying, I’m not very well at the moment.

    I couldn’t work out how to add a screen shot, so am hoping adding links to the images will work…

    Here is the image of the main page: “http://www.whentaniatalks.com/wp-content/uploads/2015/08/IMG_8341.png”

    Here is the image of the view once you go into each individual post: http://www.whentaniatalks.com/wp-content/uploads/2015/08/IMG_8341.png

    I hope those links have worked.

    Many thanks for your help.

    Tania

    Hi Maruti,

    I am also having the same issue as Tania. Please see screenshot here

    I noticed the issue when creating the new slider (the issue was there prior to the slider) which doesn’t seem to be affected by the problem.

    I can happily create another post but seeing as it’s an identical issue I hope you can assist to rectify.

    Kind Regards,
    Jesse Shaw

    OK I have found the problem. It is this line from header.php

    <meta name=”viewport” content=”width=device-width” />

    If you remove the line it partially fixes the display issue but unfortunately makes the theme no longer “mobile friendly” in Google terms.

    Have you a solution Maruti?

    Thanks,
    Jesse

    Hi Tania and Jesse

    This might be due to some plugin.

    Can you guys try and deactivate the plugins you have, one at a time and see if you can find the guilty plugin 🙂

    Thanks

    Hi Maruti,

    I appear to have identified it as 2 plugins that effect the diameter.

    Revolution Slider
    WP YouTube Lyte

    If I de-activate these then it resolves the issue but it does create some issues in regards to layout on my site. I have played around with the setting of revolution slider and it appears to be down to its responsive layout, I can understand why this would cause an issue. However, I can’t foresee why WP Youtube Lyte plugin would cause this. Is there no other fix around it than deactivating / changing plugins?

    Thanks,

    Hi there;
    I’m WP YouTube Lyte’s developer. Have you tried disabling just Revolution Slider and leaving WP YouTube Lyte active? Does that fix the problem or not?

    The lyte player is styled with the width which is configured on the settings page and a max-width of 100%, meaning that it should never be wider than it’s parent div. Now off course if *something* forces the parent div to be wider, this would allow the Lyte player become wider as well.

    Lastly it is not entirely impossible that the CSS of Revolution Slider and of WP YouTube Lyte somehow “clash”, leading to the result mentioned. One should be able to confirm that by using one’s favorite browser and in the “style editor” disable/ enable the respective styles.

    Hope this clarifies somewhat,
    frank

    Hi,
    I have found my problem to be the Jetpack by WordPress.com plugin to be the problem. I have removed it for now, but that has meant all the changes I have made to my (child) theme on ‘normal’ view are no longer appearing in mobile view.

    I have done things like remove ‘author’ & ‘number of comments’ from just underneath the header & change the colour of links.

    Is there a way to fix this? Jetpack was a plugin that has been recommended as one of the ‘must have’ plugins! Is there an alternative?

    Many thanks,
    Tania

    Hi Frank,

    No sorry perhaps that was me mis-leading.

    WP YouTube Lyte and Revolution both seem to be independent problems causing the same issue.

    If I deactivate WP You Tube Lyte & have Revolution Slider activated
    = Mobile view half/quarter-paged

    If I deactivate Revolution Slider, remove shortcode from Header (for slider) and leave WP YouTube Lyte activated
    = Mobile view half/quarter-paged

    If I deactivate both WP YouTube Lyte & Revolution Slider, remove shortcode from Header (for slider)
    = Mobile view fills full page (Hooray!.. But creates other issues for viewing on a standard Browser and having preview links to YouTube)

    In that case, I’d be happy to have a look at what is happening on your site with RS deactivated. That should allow me to see how Lyte is (mis-)behaving in your context.

    frank

    Hi Frank,

    My sincere apologies for the delay. I have de-activated the slider and allowed for WP YouTube Lyte to be the mobile view culprit. I hope you can see the problem. If you need anything else please let me know

    Kind Regards,
    Jesse

    weirdness … works perfectly on Firefox for Android, does not on Chrome for Android. But can confirm this is happening on my blog as well when on mobile in Chrome (and possibly Safari for iOS as well). Will have to look into this, seems not an easy one.

    frank

    OK, think I have it; in wp-content/plugins/wp-youtube-lyte/wp-youtube-lyte.php on line 493 add this to the (long) string that defines $lyte_css;

    div.lL{max-width:100%;}

    (this obviously goes before the closing ";)

    Let me know how that works out for you, I’ll make sure this goes in the next release (which will feature the new YouTube look&feel).

    frank

    Hi Frank,

    I have implemented the above and it has resolved my issue perfectly if I don’t have the slider active.

    Unfortunately the slider is a great marketing tool for us, I just wish there support was as useful as you. If you have any suggestions regarding resolving the slider it would be much appreciated.

    Thanks so much for your help

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Mobil Page View Only Covering 1/4 Size’ is closed to new replies.