How to override display= none

In the mobile.css there is

Code: Select all

#gkTopBar,
#gkMenuWrap #gkTopBar {
   display: none;
}

I want to make this visible. I know I can comment out that line, but I prefer to use override.css.
What can I do?

Code: Select all

display:block;


is what you are searching for.

Yes, but how do I use it? Do I need to use @media?
I assume the order of loading is template.css -> mobile.css -> override.css ??
So if I write in override.css:

Code: Select all

#gkTopBar,
#gkMenuWrap #gkTopBar {
   display: block;
}

will that revert everything to the template.css ?

override.css is loaded as last file so every declaration made in this file will have more "power" over declarations in other files if same css selector is used.