Community Forums › Forums › Archived Forums › Design Tips and Tricks › Prose Theme Mobile View
Tagged: mobile response
- This topic has 9 replies, 2 voices, and was last updated 11 years ago by CornerstoneKat.
-
AuthorPosts
-
January 22, 2013 at 8:27 pm #13959CornerstoneKatParticipant
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.
January 23, 2013 at 6:29 pm #14205wendycholbiMemberIf 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
January 24, 2013 at 8:07 am #14291CornerstoneKatParticipantThanks Wendy. The code worked great when put into the custom functions . As for the other, I'll be sure to check out WPTouch. Thanks.
January 24, 2013 at 8:33 am #14293wendycholbiMemberI'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
February 4, 2013 at 9:41 pm #18134CornerstoneKatParticipantOkay, it worked on my test site by not once I went live. Ugh. Any other ideas?
February 16, 2013 at 1:44 pm #20704wendycholbiMemberOne 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
February 21, 2013 at 2:21 pm #22044CornerstoneKatParticipantThanks for the tip. I'll check it out. I really did like the WP Touch layout though. So clean and adaptable. Aw well.
February 21, 2013 at 2:46 pm #22050CornerstoneKatParticipantThis is what finally worked. So close before:
/** Remove mobile-responsive code */
remove_action( 'genesis_meta', 'prose_add_viewport_meta_tag' );February 21, 2013 at 3:29 pm #22060wendycholbiMemberWhew, 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
February 21, 2013 at 3:30 pm #22061CornerstoneKatParticipantNo sweat. And now I can use WP Touch which is so much cleaner looking. Thanks!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.