Can I have a mobile only SPA page

Support Forums for LiveMesh Themes & Plugins Forums Agile Theme Support Can I have a mobile only SPA page

This topic is: not resolved

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by Raghavendra Raghavendra 4 years, 8 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #12849
    Rickdg
    rickdg
    Member
    Post count: 40

    Hi Guys, I do love the theme – nice features. However, I am going crazy and loading up on the hidden divs – then I can use prettyPhoto to pop them up. So now I have two things that aren’t quite right. Sometimes within these hidden divs I have iframes and with those pages I guess I am getting their css and javascript files too. Angular.js is almost half a meg. So I did a save as file to the page and it was 6.5 megs of files. The functionality on a desktop and tablet is pretty cool but
    the prettyPhoto popup on mobile is not very good.
    So I was thinking – can I create another SPA page for only the mobile?
    And, if so, do you know the code to recognize if it is a mobile? Is it done by size/dimension?
    And could you give me your opinion about when is it too much, as far as the size of the accumulated files?

    #12873
    Raghavendra
    Raghavendra
    Moderator
    Post count: 4682

    Agile theme adds classes like mobile-device ios-device to the body tag which you can make use of to hide the popups for mobile devices and then unhide other divs which are meant for mobile devices only using CSS. You can check the same by using emulator in chrome developer tools.

    body.mobile-device popup-div { display: none; }
    body.mobile-device hidden-div { display: block; }
    
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.