a different kind of responsiveness

Community Forums Forums Design Tips and Tricks a different kind of responsiveness

This topic is: not resolved

This topic contains 11 replies, has 3 voices, and was last updated by  Lauren @ OnceCoupled 3 months, 3 weeks ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #116929

    topcoachsites
    Member
    Post count: 5

    Excuse my ignorance. But I know a site is using lifestyle pro. But when I pull up her site on my cell phone. Iphone5, it looks just like it does on the computer, but just a smaller version of it. Looks great.

    When I pull up mine, it shows up responsive, but it looks a little too mobile for me. like you gotta hit the 3 little grey lines to get the menu. Is there a way to get everything on the site to shrink to size as is?

    http://jaredhemus.com
    #116937

    David Browne
    Participant
    Post count: 167

    Do you mean you want to get rid of the responsive menus, so you can see the menu items without having to click the three grey lines (burger menu) to see them?

    If so..

    You just need to remove the javascript which creates the mobile menu on smaller screen widths. You do this by REMOVING this line from your functions.php file..

    wp_enqueue_script( 'lifestyle-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );

    Just make sure you edit in your ftp as if you delete something wrong it will crash your site and you need to be able to press ‘undo’


    We are Dave & Erin. Full time travellers and designers. Currently in Sydney. Follow us on Google +. I’m new to twitter so be the first to say hey Twitter

    Note: Known to give only give negative critique on design. I don’t mean to offend anybody, it is just more efficient pointing out mistakes than saying “yes, its beautiful” every time. :)

    #116948

    Lauren @ OnceCoupled
    Member
    Post count: 642

    If you want to get rid of everything responsive, do what David suggested and then delete all of your media queries as well. Just remember not everyone likes to pinch and zoom on mobile.


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #117125

    topcoachsites
    Member
    Post count: 5

    I wanted to thank both of you for taking time to try and answer my question. If you check out soreyfitness.com on a phone and then check out jaredhemus.com, you can see how hers is the desktop version, just condensed. Lauren, I agree about the pinching and zooming in…..but cell phones these days are getting HUGGGGE. So I think I can get away with it. Can you see how she got hers to look like that vs mine?

    #117148

    Lauren @ OnceCoupled
    Member
    Post count: 642

    Yours still has responsive functions. Lines 1905 and after. If you know you deleted them all, make sure your site’s cache is cleared.


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #117229

    topcoachsites
    Member
    Post count: 5

    Lauren,

    Thanks again. I did delete all media queries as you suggested, and also used W3 total cache to clear everything. It just stacks my navigation and doesnt take the whole site like soreyfitness.com and make it fit on the screen. I can’t figure it out.

    #117231

    topcoachsites
    Member
    Post count: 5

    Lauren, do I have to make my site “fluid” – Is that the term I am looking for?

    #117240

    David Browne
    Participant
    Post count: 167

    No, fluid is the opposite of what you are asking for. Fluid means everything shrinks as the screen shrinks using percentage widths.

    The site http://soreyfitness.com/ is completely non-responsive. Like websites were before responsiveness was invented.

    From what I can see looking at your site, all the media queries are still there and I can see them still in your stylesheet, so I don’t know what is happening.


    We are Dave & Erin. Full time travellers and designers. Currently in Sydney. Follow us on Google +. I’m new to twitter so be the first to say hey Twitter

    Note: Known to give only give negative critique on design. I don’t mean to offend anybody, it is just more efficient pointing out mistakes than saying “yes, its beautiful” every time. :)

    #117245

    topcoachsites
    Member
    Post count: 5

    Thanks for the reply Dave, Okay I re-removed the Media Queries so you can take a look at it. You see how the navigation is stacked and not like it looks on the desktop?

    #117316

    Lauren @ OnceCoupled
    Member
    Post count: 642

    OK, now that your media queries are removed, go to line 601 to find .site-container and change max-width to just width.


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #117694

    topcoachsites
    Member
    Post count: 5

    Lauren – I so owe you a beer. Thank you so much…..it worked. I also changed the width from 1140 to 920. I have one last thing. when you open up soreyfitness.com it starts at full screen and i dont have to pinch smaller. Mine starts super zoomed in and once I pinch smaller one its fine. Was just curious if there was a fix for that

    #117744

    Lauren @ OnceCoupled
    Member
    Post count: 642

    Look for this in your functions.php file and remove it: add_theme_support( 'genesis-responsive-viewport' );


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

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

You must be logged in to reply to this topic.