Hide action bar and social menu on mobile devices

modus

How do I hide the action bar and social menu on mobile devices.

I tried adding
.header-classic #Action_bar .contact_details li, .header-classic #Action_bar .social, .header-classic #Action_bar .social-menu {

display: none;

}

But it's not working

Here's a link
http://dev.prnomegahealth.com/

davidstokes

@media only screen and (max-width: 767px) {
    #Action_bar { display: none; }
}

Albert

Hi,

@modus please use the code provided by @davidstokes and this is the most proper css.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

modus

This still isnt working for me.

Albert

Did you pasted above css under Theme options > Custom CSS & JS > Custom CSS section where all css's should be? Because we can not find above code anywhere on your site. We also noticed tons of your custom css's so please put the css we gave you above on 1st line of custom css section.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next