Hide Action Bar on Mobile

leegphotography · November 2016

Hi,

On this site: http://www.mayfair.consultingandcreative.com/ I want to hide the action bar and social menu on mobile devices.

I put in this code into the custom css box, but it doesn't seem to work.

@media only screen and (max-width: 479px) .menu-social-menu-container {
display: none;
}

Is there something else I could try to see if it works?

Thanks!

Albert · November 2016

Hi,

to remove Action Bar from mobile, you need to use the following css because your is totally wrong:

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

For more details about @media rules, we recommend to visit http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

leegphotography · November 2016

Thank you! I will read up on @media rules.

Albert · November 2016

You're welcome!

Comments