Hi,
How can I make top bar static on desktop and mobile. To be always visible.
I added this but now top bar is visible only on desktop but not on mobile
.header-type-3 .top-bar, .header-type-4 .top-bar {
position: fixed !important;
width: 100% !important;
z-index: 999 !important;
}
@media (max-width: 767px){
.admin-bar .fixed-header-area.fixed-already {
top: 84px !important;
}}
.header-type-3 .main-nav .double-border, .header-type-4 .main-nav .double-border {
padding-top: 38px;
}
@media (max-width: 979px) and (min-width: 768px){
.header .logo {
padding-top: 15px;
}}
@media (max-width: 767px){
.table-row {
padding-top: 15px;
}}
@media (max-width: 767px){
.top-bar .container {
padding: 4px 0;
position: fixed !important;
width: 100% !important;
z-index: 999 !important;
background: #fff;
}}
How can I achive this?
