Advertisement
arie_cristianD

show top bar in mobile device

Apr 12th, 2024 (edited)
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.26 KB | None | 0 0
  1. @media (max-width: 1024px) {
  2.     .jeg_header_wrapper .jeg_header.normal {
  3.         position:relative;
  4.         display: block;
  5.     }
  6.  
  7.  
  8.    .jeg_header_wrapper .jeg_header.normal .jeg_bottombar,.jeg_header.normal .jeg_midbar {
  9.         display: none
  10.     }
  11.  
  12.  
  13.     .jeg_header_wrapper .jeg_header.normal .jeg_topbar .jeg_nav_row {
  14.         display: block
  15.     }
  16.  
  17.     .jeg_header_wrapper .jeg_header.normal .jeg_nav_alignleft {
  18.         text-align: left;
  19.         position: relative;
  20.         display: block;
  21.         max-height: 37px
  22.     }
  23.  
  24.     .jeg_header_wrapper .jeg_header.normal .jeg_topbar .jeg_nav_item {
  25.         display: flex;
  26.         overflow-x: auto;
  27.         position: relative;
  28.         padding: 0;
  29.         overflow: hidden;
  30.         vertical-align: middle;
  31.         white-space: nowrap
  32.     }
  33.  
  34.     .jeg_header_wrapper .jeg_header.normal ul {
  35.         touch-action: auto!important;
  36.         list-style: none;
  37.         padding: 0;
  38.         display: flex!important;
  39.         overflow-x: auto!important;
  40.         flex-wrap: nowrap;
  41.         margin: 0 auto
  42.     }
  43.  
  44.     .jeg_header_wrapper .jeg_topbar .jeg_menu>li {
  45.         padding-right: 12px;
  46.         list-style: none;
  47.         margin: 0;
  48.         position: relative;
  49.         white-space:  nowrap
  50.     }
  51. }
  52.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement