Hiding few header components on mobile

Plumberx theme has rich header, there are many components.

While most users want seamless experience on mobile. Few users prefer distraction free mobile experience.

So if you want to hide the top bar(which displays social icon and email address) only on mobile. Please enter below css in Themeoptions/customcss box.

@media (max-width: 991px) {
#topbar{display:none;}
}

On header 3 and 4, there is a information panel on right side of the header too. So if you want to hide that on mobile. Please put below css in themeoptions/customcss box.

@media (max-width: 991px) {
 header.header-v3 .logo{margin-bottom:0;}
 .header-v3 .headerright{display:none;}
}

This is how header will look on mobile if you enter both above styles in  themeoptions / customcss  box.

If you have questions please contact support.