This is too long in mobile view how can I hide this top bar, I have tried adding this code to additional css but it doesnt work.

@media (max-width: 768px) { #wpadminbar { display: none; }
}

sorry this worked all sorted 

@media (max-width: 768px) { topbar { display: none !important; }
}