Is there a piece of CSS i can use to remove the top bar from mobile devices? I have been able to remove the social icons using the following:
@media only screen and (max-width: 990px) {
.social_bookmarks { display: none !important; }}
But need to remove the whole grey top bar just on mobile devices at the url: http://www.strongeight.com
Hey UnSungHer03,
I’m no longer seeing the bar on mobile. Were you able to get this solved?
Best regards,
Jordan Shannon
I had the same issue as the original question. I have a lot of content in the Top Bar area, and I want to hide that on mobile. This is the CSS I used:
@media only screen and (max-width: 767px) {
#top #header_meta {
display: none;
}}