Advertisement
fauzanjeg

Fix a long menu issue on Laptop and Ipad Pro

May 17th, 2021 (edited)
195
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.36 KB | None | 0 0
  1. /* Fix a long menu issue on Laptop and Ipad Pro */
  2. @media only screen and (max-width: 1570px) {
  3.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item,
  4.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item a {
  5.         font-size: unset !important;
  6.     }
  7.  
  8.     .jeg_bottombar .jeg_nav_item li a {
  9.         font-size: 0.8vw !important;
  10.     }
  11. }
  12.  
  13. @media only screen and (max-width: 1430px) {
  14.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item,
  15.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item a {
  16.         padding: 0 5px;
  17.     }
  18. }
  19.  
  20. @media only screen and (max-width: 1406px) {
  21.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item,
  22.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item a {
  23.         padding: 0 4px;
  24.     }
  25. }
  26.  
  27. @media only screen and (max-width: 1382px) {
  28.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item,
  29.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item a {
  30.         padding: 0 3px;
  31.     }
  32. }
  33.  
  34. @media only screen and (max-width: 1358px) {
  35.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item,
  36.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item a {
  37.         padding: 0 2px;
  38.     }
  39. }
  40.  
  41. @media only screen and (max-width: 1334px) {
  42.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item,
  43.     .jeg_topbar .jeg_nav_item .jeg_menu .menu-item a {
  44.         padding: 0 1px;
  45.     }
  46.  
  47.     .jeg_bottombar .jeg_nav_item li a {
  48.         font-size: 0.7vw !important;
  49.     }
  50. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement