Нет описания

responsive.css 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /* Medium Layout: 1280px. */
  2. @media only screen and (min-width: 992px) and (max-width: 1200px) {
  3. }
  4. /* Tablet Layout: 768px. */
  5. @media only screen and (min-width: 768px) and (max-width: 991px) {
  6. }
  7. /* Mobile Layout: 320px. */
  8. @media only screen and (max-width: 991px) {
  9. .slicknav_menu{
  10. display:block;
  11. }
  12. .menu-bar {
  13. position: relative;
  14. left: 0;
  15. top: 0;
  16. }
  17. .slicknav_nav .slicknav_arrow {
  18. border: 1px solid #888;
  19. padding: 2px 10px;
  20. text-align: right;
  21. float: right;
  22. }
  23. a.slicknav_arrow.xshop-carrow {
  24. margin-right: 13px;
  25. margin-bottom: 10px;
  26. margin-top: 10px;
  27. }
  28. ul.slicknav_nav.slicknav_hidden.mhide {
  29. display: none;
  30. }
  31. ul.slicknav_nav.slicknav_hidden {
  32. height: 0;
  33. opacity: 0;
  34. transition: 0.5s;
  35. }
  36. .slicknav_nav li {
  37. display: block;
  38. border-bottom: 1px solid #555;
  39. }
  40. h1 {
  41. font-size: 35px;
  42. }
  43. h1.page-title {
  44. font-size: 20px;
  45. }
  46. h2 {
  47. font-size: 28px;
  48. }
  49. nav#site-navigation {
  50. display:none;
  51. }
  52. }
  53. /* Wide Mobile Layout: 480px. */
  54. @media only screen and (min-width: 480px) and (max-width: 767px) {
  55. h1 {
  56. font-size: 35px;
  57. }
  58. h1.page-title {
  59. font-size: 24px;
  60. }
  61. h2 {
  62. font-size: 30px;
  63. }
  64. }
  65. /* Wide Mobile Layout: 480px. */
  66. @media only screen and (max-width: 479px) {
  67. .header-search-form {
  68. right: 0;
  69. }
  70. }