Hi we need help adjusting the breakpoint for the top bar in header 8. This bar has a search, cart, and account icon and a tagline. We would like to hide the tagline on mobile while keeping the three icons (search, cart, account) on mobile.
Currently the tagline stays and the three icons are hidden with all media resolutions under 992 px. We would like all three icons to show on mobile and have the tagline disappear.
Please tell us how to fix this. Thanks for your help in advance.
Hi we need help adjusting the breakpoint for the top bar in header 8. This bar has a search, cart, and account icon and a tagline. We would like to hide the tagline on mobile while keeping the three icons (search, cart, account) on mobile.
Currently the tagline stays and the three icons are hidden with all media resolutions under 992 px. We would like all three icons to show on mobile and have the tagline disappear.
Please tell us how to fix this. Thanks for your help in advance.
Hi Wetlime,
Sorry for the late reply.
You can edit code to show icon in Customize -> Additional CSS by copy and paste piece of code below:
@media (max-width: 991px) { header.header-v8 .top-link ul.hidden-sm{ display: inline-block !important; } header.header-v8 .top-link .customlinks a .fa-user { display: block; } header.header-v8 .top-link ul.hidden-lg{ display: none !important; } } @media (max-width: 767px) { .header-top .container .row .col-xs-8{ display: none; } .header-top .container .row .col-xs-4{ width: 100%; } }Thank you that worked!