Is there a way to add background to one of the main menu items? I have one heading called, 'GIVE" and I would like to have a blue background on it. See attached image. Thanks.
Please, go to Appearance -> Menus, choose the menu item to which you want to add the background, and add to it CSS class (you can name it however you want).
After that go to Betheme -> Theme options -> Custom CSS & JS -> CSS, and add to that class the background color attribute.
Thanks for your response. I tried that, but I get an error. It doesn't accept the class name I entered (I used the same one you did). See attached image.
Ok, I found the mistake, the argument above was missing the '}' bracket so it mess up mine. I did get it to work like you mentioned. However, the background color takes up the whole height of the menu header area (see image below). Is there any way to make this background color smaller, like in the image of my original post/question?
Please, add the "a" and "span" tags to your CSS.
Thank you, I'll give that a try.
I do have one more question.
The menu is justified all the way to the right so that it's right up against the webpage/browser. How can I shift if over to the left about 75px? I can do this when I inspect the element, but can't figure the file or where to make that change? Thank you.
Please, try the following CSS code:
Thanks Phil, that did it.