API tools faq
paste
Advertisement
imranmodel32

Custom Responsive media qureys by sequence

imranmodel32
Mar 29th, 2014
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.70 KB | None | 0 0
raw download clone embed print report
  1. /* ==========================================================================
  2. 992 px Max width
  3. ========================================================================== */
  4.  
  5.  
  6. @media only screen and (max-width: 992px) {
  7.  
  8.  
  9. .wpb_main_menu {display: none;}
  10.  
  11.  
  12. } /* 992 px Max width */
  13.  
  14.  
  15. /* ==========================================================================
  16. 838 px Max width
  17. ========================================================================== */
  18.  
  19.  
  20. @media only screen and (max-width: 838px) {
  21.  
  22. }/* 838 px Max width */
  23.  
  24.  
  25. /* ==========================================================================
  26. 768 px Max width
  27. ========================================================================== */
  28.  
  29.  
  30. @media only screen and (max-width: 768px) {
  31.  
  32. }/* 768 px Max width */
  33.  
  34.  
  35. /* ==========================================================================
  36. 568 px Max width
  37. ========================================================================== */
  38.  
  39.  
  40. @media only screen and (max-width: 568px) {
  41.  
  42. }/* 568 px Max width */
  43.  
  44.  
  45. /* ==========================================================================
  46. 518 px Max width
  47. ========================================================================== */
  48.  
  49.  
  50. @media only screen and (max-width: 518px) {
  51.  
  52. }/* 518 px Max width */
  53.  
  54.  
  55. /* ==========================================================================
  56. 468 px Max width
  57. ========================================================================== */
  58.  
  59.  
  60. @media only screen and (max-width: 468px) {
  61.  
  62. }/* 468 px Max width */
  63.  
  64.  
  65. /* ==========================================================================
  66. 418 px Max width
  67. ========================================================================== */
  68.  
  69.  
  70. @media only screen and (max-width: 418px) {
  71.  
  72. }/* 418 px Max width */
  73.  
  74.  
  75. /* ==========================================================================
  76. 368 px Max width
  77. ========================================================================== */
  78.  
  79.  
  80. @media only screen and (max-width: 368px) {
  81.  
  82. }/* 368 px Max width */
  83.  
  84.  
  85. /* ==========================================================================
  86. iphone portrait 320px
  87. ========================================================================== */
  88.  
  89.  
  90. @media only screen and (max-width: 320px) and (orientation: portrait) {
  91.  
  92.  
  93. }/* 320 px Max width */
  94.  
  95.  
  96. /* ==========================================================================
  97. iphone landscape 321 * 480 px
  98. ========================================================================== */
  99.  
  100.  
  101. @media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
  102.  
  103. }/* iphone landscape 321 * 480 px */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!