3 things: position tagline / button shadow / grey bar

@Jos: Greetings from Catch Themes.

Q1: I want to remove the shadows behind the menu buttons (hover/active). When the buttons have a dark color the shadow looks okay, but I want to give them a lighter color.
A1: You can remove the box shadow by adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.
#access ul li a:hover, #access ul li.current-menu-item a, #access ul li:hover > a { box-shadow: none; }

Q2: I’d like to place my tagline Create > Art > Communicate at the same height as the text ‘.com’ (from my logo). Is that possible? Right now the tagline is positioned a little bit too high (go to http://www.brimbrom.com to see what I mean).
A2: Kist add the following CSS in “Appearance => Theme Options => Custom CSS” box.

/* You can increase the padding top for large screen */
#site-description { padding-top: 28px; }
/* Now remove the padding top for mobile devices */
@media screen and (max-width: 767px) { #site-description { padding-top: 0; } }


Q3: I’ve removed the top grey bar in the header directly in style.css, is that the right way?
— No it’s not. Don’t change any code files or sytle. If you want to change css then add it in “Appearance => Theme Options => Custom CSS” box or build child theme and add in the child theme style.css. This will maintain your changes even when you do the updates of the theme.

We constantly update our theme to add new features and for fixes. So, if you have changes any code theme files, it will be overwritten when you do the updates.