Need Help With Responsiveness

Community Forums Forums Design Tips and Tricks Need Help With Responsiveness

This topic is: not resolved

This topic contains 17 replies, has 6 voices, and was last updated by  Gary10 1 year, 3 months ago.

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #55265

    grimes
    Participant
    Post count: 14

    I have battled on and off with trying to get my Prose theme mobile responsive. It kills me honestly. I thought it would be responsive out of the box, and it’s been a headache for me. My main problem right now is the menu. It doubles and or triples up if I add more menu items. I tried using the Responsive Header plugin I’ve seen recommended here by nickthegeek, but it doesn’t work on my site for some reason. When activated, it only shows the header image and nothing else on mobile devices. I would really appreciate any help you can give. Here’s the site: thesteelersfans.com

    • This topic was modified 1 year, 3 months ago by  grimes.
    • This topic was modified 1 year, 3 months ago by  grimes.
    #55940

    nimblewit
    Participant
    Post count: 6

    Same issue here, would love any help: http://flourishyoga.com.au/

    Thanks,

    #55941

    trump
    Participant
    Post count: 7

    A big disappointment for me too. Portrait mode is just horrible.

    #56340

    grimes
    Participant
    Post count: 14

    Could someone help? How do I make the menu stop stacking? Anyone?

    #56818

    jbculp
    Participant
    Post count: 119

    This isn’t entirely the answer but I was modifying a theme (Education) yesterday and in the process of working through the responsive header (using this Blog Post) I noted that the developer has solved this issue. You can see his solution by following the links of his clients provided at the end of the post. Follow the link to Grace Church, using the Education theme.

    When the churches URL is put into the Studio Press Mobile Responsive tool, you don’t see the typical Education Stacked Menu but a menu icon at the top with a dropdown.

    I asked the developer (John Sundberg) about it and he said he was about to publish a blog post discussing this very solution. After writing the above: I see John has published the post. Here is a link to his Studio Press posting and his Blog Post.

    • This reply was modified 1 year, 3 months ago by  jbculp.
    • This reply was modified 1 year, 3 months ago by  jbculp.
    #56823

    John
    Participant
    Post count: 157

    You could try this mobile menu approach: How to add a mobile responsive menu to your Genesis WordPress website


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #56931

    grimes
    Participant
    Post count: 14

    Thank you! I followed the steps in that tutorial, and it worked, though I do need help with one minor detail. How do I make it so that the new menu drop down replaces the primary menu? I want that hidden on mobile browsers.

    As a side, I love the articles on your blog. Great presentation and easy to understand.

    #57106

    John
    Participant
    Post count: 157

    grimes,

    Sorry about the delay – I left for a short camping trip right after posting that blog tutorial.

    I’m assuming we’re talking about the site thesteelersfans.com? That has a menu set-up I haven’t seen yet, so I just updated the CSS in the tutorial to include #nav which should hide the primary menu when the device width gets down to 600px. If you try it again, let me know if it does or doesn’t take care of that.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #57112

    grimes
    Participant
    Post count: 14

    I was working on a dev. setup, but yes, that’s the site in question, and thanks- that did it!

    #57114

    John
    Participant
    Post count: 157

    Sweet! Let me know when you go live with it – I’d like to see it in action on someone else’s website.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #57319

    John
    Participant
    Post count: 157

    grimes,

    I just took a look at your live site and noticed that the CSS for the mobile menu didn’t look quite right. I checked my CSS code in the Gist posted in the tutorial and realized there were some extra spaces in the selectors that would prevent the CSS from working correctly. I’ve fixed those now, so you may want to update your CSS too.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #58305

    Gary10
    Participant
    Post count: 27

    Dumb question before I do this. If you edit the genesis functions.php, don;t the edits need to be redone each time Genesis updates?

    #58310

    John
    Participant
    Post count: 157

    Gary,

    You should only edit the functions.php that is in your child theme directory. Genesis won’t touch that when it updates.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #58316

    Gary10
    Participant
    Post count: 27

    John, first I want to thank you for your service to non-profits, churches and the Genesis community.

    The theme I an working on is Prose, which unequivocally states “do not edit.”

    <?php
    /*
     WARNING: DO NOT edit this file under any circumstances.
     Please do all PHP modifications via the Custom Code admin menu.
    */
    
    /**
     * This file calls the init.php file for both Genesis and Prose.
     *
     * It initializes the Genesis framework, and loads the Prose library as well.
     *
     * This file is a core Prose file and should not be edited.
     *
     * @author   StudioPress
     * @license  http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
     * @link     http://www.studiopress.com/themes/genesis
     */
    
    /** Start the engine */
    require_once( get_template_directory() . '/lib/init.php' );
    require_once( get_stylesheet_directory() . '/lib/init.php' );
    
    prose_create_custom_php();
    • This reply was modified 1 year, 3 months ago by  Gary10.
    • This reply was modified 1 year, 3 months ago by  Gary10.
    #58322

    John
    Participant
    Post count: 157

    Ahh, now I see why you were asking. I haven’t looked at Prose before.

    I guess you could add the code to the Custom Code admin menu like they suggest, or you could try adding it to lib/init.php and see what happens. If something breaks you can just reverse what you did, assuming you’re uploading your files with a FTP client and not using the Theme Editor in the WordPress admin.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

Viewing 15 posts - 1 through 15 (of 18 total)

You must be logged in to reply to this topic.