Tagged: responsive
- This topic has 9 replies, 3 voices, and was last updated 8 years, 10 months ago by Sakin.
-
AuthorPosts
-
April 18, 2013 at 12:38 pm #7250fritzhesseMember
Using catch everest pro. Site = lacostafilmfestival.org
I have used the theme options to change the menu text color and background. The text is black and the background is white, with a blue background for the active menu. ** However – for the responsive menu, the coloring is not good for the active menu. Is there a way to change the colors (text, active background, hover background) for the responsive menu?
Thanks
April 20, 2013 at 3:22 am #7365SakinKeymaster@fritzhesse: See the following CSS that you can add in Custom CSS box in Theme Options panel. For responsive CSS changes, I recommend you to hire css developer. But you can try the below:
`
@media screen and (max-width: 767px) {
/* Menu Wrapper Background */
#header-menu { background-color: #000000; }
/* Menu Background */
.sb-options { background-color: #3A3D41; }
/* Menu Hover Bavkground */
.sb-options a:hover, .sb-options a:focus, .sb-options a.sb-focus { background-color: #2d2d2d; }
}
`April 21, 2013 at 4:01 am #7441fritzhesseMemberThanks, this worked well. One item not working well on this is the actual active menu title which sits on top of the menu stack. It is white with a black shadow – would be nice to be able to change that especially for situations when there is a full white background on the site.
Thanks
April 21, 2013 at 9:57 pm #7480SakinKeymaster@fritzhesse: Your site is password protect. So, I cannot view it. Please check it lacostafilmfestival.org
April 21, 2013 at 10:02 pm #7482fritzhesseMemberI’ve turned it off for a while today if you want to look. We are still under development and will likely lock it later for a few more days.
April 21, 2013 at 10:37 pm #7488SakinKeymaster@fritzhesse: Add the following CSS in “Appearance => Theme Options => Custom CSS” box.
`
.sb-holder { background-color: #000; }
.sb-selector:link, .sb-selector:visited, .sb-selector:hover { color: #fff; }
`April 21, 2013 at 10:54 pm #7491fritzhesseMemberThanks – that worked. I had to remove the override I put in the style.css – and this worked nicely.
April 21, 2013 at 11:03 pm #7492SakinKeymaster@fritzhesse: Don’t edit style.css as the changes in style.css will be overwritten when you update the theme. So, please add the css in “Appearance => Theme Options => Custom CSS” box.
June 12, 2015 at 8:15 pm #59424easychoiceMemberHi, i would like to change the backgroud of most of the widgets backgrounds to transparency, so that i can have o picture as a background without all squares laying over the background.
On the frontpage of spindle.se behind the pictures, i can’t manage to get rid of the background on the wrapper where i have typed the texts and where i have pictures and so on. Is this possible? 😀 Best regards, Andreas
June 13, 2015 at 11:43 pm #59508SakinKeymaster@easychoice: You site has transparent widget background. So, I am bit confused. I guess you already found the css.
-
AuthorPosts
- The topic ‘How to change responsive menu colors’ is closed to new replies.