window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-192688287-1');
Bỏ khung
#mobile-bottom-navigation { position: fixed; bottom: 0; width: 100%; z-index: 99999; } #mobile-bottom-navigation .mobile-nav-item { display: block; height: 70px; padding: 0; text-align: center; background: #fff; position: relative; } #mobile-bottom-navigation .mobile-nav-item>a { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; color: #000; } #mobile-bottom-navigation .mobile-nav-item>a i { font-size: 24px; color: #fff; display: inline-block; margin-bottom: 3px; } #mobile-bottom-navigation .mobile-nav-item>a span.number { position: absolute; display: inline-block; top: -10px; right: 15px; height: 20px; line-height: 20px; width: 20px; border-radius: 50%; text-align: center; font-size: 10px; color: #73BF41; background: #fff; } .mobile-nav-item img { width: 30px; padding-bottom: 3px; } .pd-left-0 { padding-left: 0 !important; } .col-xs-4 { width: 33.33333333%; } @media screen and (max-width: 768px) { section#mobile-bottom-navigation { display: flex !important; justify-content: space-between; } } section#mobile-bottom-navigation>div { margin: 0 !important; padding: 0 !important; } @media screen and (min-width: 768px) { #mobile-bottom-navigation { display: flex; flex-direction: column; width: initial !important; bottom: 120px; right: 5px; } #mobile-bottom-navigation .mobile-nav-item { background: none !important; height: 55px; } #mobile-bottom-navigation>div { width: 45px !important; } .mobile-nav-item span { display: none; } .mobile-nav-item img { width: 45px; } }