Can i hide widgets for smaller screens?

If you want to hide your font awesome icon box widgets in the header on smaller screens and mobile devices use the CSS below.

Change the 768px to your target screen size.

/*start hide widgets for smaller screens*/
@media screen and (max-width: 768px) {
.widget.widget-icon-box {
    display: none !important;
}
}
/*end hide widgets for smallers screens*/

Still need help? Contact Us Contact Us