Make smart bar smaller on mobile

The smart bar is by default large on mobile devices. Here's a custom css snippet that can make it smaller:

.pc-bar .bar-container .bar-content {
padding: 0
}

.pc-bar .bar-container[push-down=true]{
padding:0
}


@media only screen and (max-width: 600px) {
#__pc_app {
 --pc-font-size-base: 0.8em !important;
}

.submit-button{
font-size: 0.8em !important;
}
}

Updated on: 18/04/2023