Hide action bar and social menu on mobile devices

modus · January 2017

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 · January 2017

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

Albert · January 2017

Hi,

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

modus · January 2017

This still isnt working for me.

Albert · January 2017

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.

Hide action bar and social menu on mobile devices

Comments