- This topic has 8 replies, 4 voices, and was last updated 5 years, 4 months ago by
Tom.
-
AuthorPosts
-
October 1, 2016 at 11:38 pm #231024
Patrick
Hi Tom,
which responsive breakpoints gp use in standard version?
Thanks and regards
PatrickOctober 2, 2016 at 10:12 am #231100Tom
Lead DeveloperLead Developer768px is when the mobile CSS initiates.
1024px is when the tablet specific CSS initiates.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 2, 2016 at 7:44 pm #231286Patrick
Thanks Tom π
whats up with the plan to integrate different spacings for desktop, tablet and mobile versions within the customizer?
Thanks and regards
PatrickOctober 2, 2016 at 9:17 pm #231340Tom
Lead DeveloperLead DeveloperI would love to, and know how I would do it.
Trouble is, I think it would cause issues for people using caching plugins (a lot of people).
I need to thoroughly test my idea with all of those plugins on a pretty large scale before making a change that big.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJanuary 21, 2017 at 6:08 pm #266703Jessica
The caching (in my experience) isn’t an issue. I’ve had to override the breakpoints on ever site so far b/c 768 is way too soon to make images (and other elements) snap to 100% wide. I’ve had to create so many additional styles to fix this.
If the site is intended to break sooner, then the cache would be irrelevant and affect little.
Alternatively, how can I perhaps change or disable the default break points b/c I seem to be spending a lot of time overriding these.
Example… if something is a 3 or 4 column (33-25% of the width, it’s goes to 100% wide at 768 which even on my 13″ MBP is crazy large.
From a user experience viewpoint, if there are products or multiple items on a page, it’s better to be able to show more in a row of even 2 (50%) than making the scroll longer.
(hope that makes sense – really trying to avoid having to override each time.) Thanks!
January 21, 2017 at 6:10 pm #266704Jessica
The other thing I wonder is: do they have to be static breakpoints instead of a more “flex-box” type of fluidity? Of course, I am not familiar with what you’re doing and how much goes into updating/changing these things. Just wishing for more flexible options. π Thanks!
January 21, 2017 at 8:29 pm #266720Tom
Lead DeveloperLead DeveloperMy idea would involve adding the media query directly to the
<link>
element in the<head>
section, which would allow us to change the 768px to whatever using a simple PHP filter.However, it seems some caching plugins don’t respect the media query inside the
<link>
element, which is what worries me.This is something I’ll be toying with a lot in the GP 1.3.43
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 23, 2017 at 9:20 pm #390824Max
Any updates regarding Jennifer’s comments above.
I have the same issue.
I have a four column grid layout with “how it works” steps.
The text for the steps is just once sentence each.
Looks fine in page or mobile view, but in tablet just one strung out sentence.
I am using sections.
Is there any way to control the break point on a specific section within a page.
Kind Regards
Max
September 23, 2017 at 10:54 pm #390843Tom
Lead DeveloperLead DeveloperBest to start a new topic on that specific case with a link to the page. We’ll get it working for you π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.