- This topic has 8 replies, 4 voices, and was last updated 4 years, 1 month ago by Tom.
October 1, 2016 at 11:38 pm #231024Patrick
which responsive breakpoints gp use in standard version?
Thanks and regards
PatrickOctober 2, 2016 at 10:12 am #231100TomLead DeveloperLead DeveloperOctober 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 #231340TomLead DeveloperLead Developer
I 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.January 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 #266720TomLead DeveloperLead Developer
My 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.43September 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.
MaxSeptember 23, 2017 at 10:54 pm #390843TomLead DeveloperLead Developer
- You must be logged in to reply to this topic.