20 Jul 2018 at 07:14 #19112
Hey there! Have you noticed this support service is provided FREE of charge?
If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you ♥
I see there are seven pre-defined breakpoints.
's' : 448, // = 28em // Starting mobile landscape 'm' : 672, // = 42em // Starting tablet portrait 'l' : 880, // = 55em // Starting tablet landscape 'xl' : 1280, // = 80em // Starting laptop 'xxl' : 1600, // = 100em // Starting desktop 'xxxl' : 1920, // = 120em // Starting desktop full HD 'xxxxl' : 2560, // = 160em // Starting desktop WQHD
When doing css fine-tuning I would like to tap into these queries.
What is the best way to do this with Auberge?
Do I create a second ‘copy’ of the media query and add my own code/overrides?
Or is there a theme css file I can update with extra styles?
I would prefer to tap into what’s there rather than replicate (even if it means hand-holding theme updates).
K21 Jul 2018 at 08:33 #19119
I’m sorry, but there is no easy way of setting a custom breakpoints in the theme. Please understand that when building a theme that is used by many sites I need to make compromises, and one of them is using a device specific breakpoints. When building a custom theme for a specific client, it is preferred to use content breakpoints, I understand that, but it’s not possible in globally available themes due to I have no control/prediction of the content size.
But it should be perfectly possible to override the breakpoints with:)
I strongly do not recommend editing theme core files to keep the theme updates available.
You must be logged in to reply to this topic.