Prose Theme Mobile View

Community Forums Forums Design Tips and Tricks Prose Theme Mobile View

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by  CornerstoneKat 1 year, 1 month ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #13959

    CornerstoneKat
    Participant
    Post count: 40

    I’m creating a new blog using the Prose theme and am having an awful time with the mobile responsive view.  On my iPad it makes everything look choppy and unprofessional.  The header is cut off on the right side.  The header right widget does not stay on the header but appears below it, making it look like a pieced together graphic instead of one image.  The menu is two lines instead of one.  It enlarges some of my widget images while retaining the original size of others.

    Is there a way to customize the mobile view on Prose?  And, if not, should I disable it and try another mobile plugin?   And, if I am to disable it, how do I do that?  Thoughts?

    Here’s my site.

    #14205

    wendycholbi
    Participant
    Post count: 120

    If you want to turn off the mobile-responsive code in Prose, try adding this snippet to Genesis –> Custom Code –> Custom Functions:
    /*Remove mobile-responsive code*/
    remove_action( ‘genesis_meta’, ‘prose_add_viewport_meta_tag’ );
    Customizing the mobile view can be done by adding custom CSS, but that’s a big can of worms. I know there are plenty of plugins that claim to make sites mobile friendly, but I haven’t used them myself. WPTouch is one I hear about frequently.


    I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

    #14291

    CornerstoneKat
    Participant
    Post count: 40

    Thanks Wendy.  The code worked great when put into the custom functions .  As for the other, I’ll be sure to check out WPTouch.  Thanks.

    #14293

    wendycholbi
    Participant
    Post count: 120

    I’m glad the code worked for you (despite my not leaving any whitespace before or after it…!). Thanks for the confirmation!


    I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

    #18134

    CornerstoneKat
    Participant
    Post count: 40

    Okay, it worked on my test site by not once I went live.  Ugh.  Any other ideas?

    #20704

    wendycholbi
    Participant
    Post count: 120

    One idea might be to use Nick the Geek’s Genesis Responsive Header plugin to specify smaller header images (maybe without the social media flower widget) for smaller screens.

     


    I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

    #22044

    CornerstoneKat
    Participant
    Post count: 40

    Thanks for the tip.  I’ll check it out.  I really did like the WP Touch layout though.  So clean and adaptable.  Aw well.

    #22050

    CornerstoneKat
    Participant
    Post count: 40

    This is what finally worked.  So close before:

     

    /** Remove mobile-responsive code */
    remove_action( ‘genesis_meta’, ‘prose_add_viewport_meta_tag’ );

    #22060

    wendycholbi
    Participant
    Post count: 120

    Whew, so glad it worked! I’ll take responsibility for the first block of (non-working) code because I didn’t mark up my forum post properly to use the correct code formatting.


    I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

    #22061

    CornerstoneKat
    Participant
    Post count: 40

    No sweat.  And now I can use WP Touch which is so much cleaner looking.  Thanks!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.