Break points

Home Forums Auberge Break points

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #19112

    katw
    Participant

    Break points

    Resolved

    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).

    Thanks

    K

    #19119

    Oliver Juhas
    Keymaster

    Hi katw,

    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 custom CSS :)

    I strongly do not recommend editing theme core files to keep the theme updates available.

    Best regards,

    Oliver Juhas
    WebMan Design

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

You must be logged in to reply to this topic.