Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #215363

    You only give those one:

    
    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
    
    @media only screen and (min-width: 768px) {
      /* Add your Desktop Styles here */
    
    }
    
    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
    
    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    }
    
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    
    }
    

    But it not enough because i with responsive layout large i see 5 points of rupture

    thanks

    #215384

    Hi pako69!

    All breaking points are as following 480px – 767px – 989px – 1140px and 1340px.

    Cheers!
    Yigit

    #215390

    Great Yigit
    And what the default rules you use and goes with thoses breaking points ?

    #215393

    Hey!

    Please go to Enfold/css folder and see grid.css, layout.css and shortcodes.css files

    Cheers!
    Yigit

    #381174

    I think it would be actually really helpful for many people if you could include the media queries in the demo child theme css file…

    #382022

    Hey!


    @dc_media
    please feel free to request it here – https://kriesi.at/support/enfold-feature-requests/

    Regards,
    Yigit

    #403906

    I’d also appreciate to have the media queries in the demo child theme css file.
    Regards,
    Simon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘What are the right @media queries for "responsive layout large" ?’ is closed to new replies.