Community Forums › Forums › Archived Forums › Design Tips and Tricks › a different kind of responsiveness
Tagged: lifestyle Pro, responsive
- This topic has 11 replies, 3 voices, and was last updated 10 years, 6 months ago by
Lauren @ OnceCoupled.
-
AuthorPosts
-
August 3, 2014 at 11:14 pm #116929
topcoachsites
MemberExcuse 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.comAugust 4, 2014 at 5:33 am #116937ᴅᴀᴠɪᴅ
MemberDo 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'
I love helping creative entrepreneurs build epic things with WP & Genesis.
August 4, 2014 at 6:37 am #116948Lauren @ OnceCoupled
MemberIf 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.
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
August 5, 2014 at 12:33 am #117125topcoachsites
MemberI 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?
August 5, 2014 at 6:20 am #117148Lauren @ OnceCoupled
MemberYours still has responsive functions. Lines 1905 and after. If you know you deleted them all, make sure your site's cache is cleared.
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
August 5, 2014 at 8:09 pm #117229topcoachsites
MemberLauren,
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.
August 5, 2014 at 8:13 pm #117231topcoachsites
MemberLauren, do I have to make my site "fluid" - Is that the term I am looking for?
August 5, 2014 at 8:40 pm #117240ᴅᴀᴠɪᴅ
MemberNo, 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.
I love helping creative entrepreneurs build epic things with WP & Genesis.
August 5, 2014 at 9:14 pm #117245topcoachsites
MemberThanks 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?
August 6, 2014 at 6:34 am #117316Lauren @ OnceCoupled
MemberOK, now that your media queries are removed, go to line 601 to find
.site-container
and changemax-width
to justwidth
.
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
August 7, 2014 at 8:51 pm #117694topcoachsites
MemberLauren - 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
August 8, 2014 at 7:04 am #117744Lauren @ OnceCoupled
MemberLook for this in your functions.php file and remove it:
add_theme_support( 'genesis-responsive-viewport' );
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.