Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #7250
    fritzhesse
    Member

    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

     

    #7365
    Sakin
    Keymaster

    @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; }
    }
    `

    #7441
    fritzhesse
    Member

    Thanks, 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

    #7480
    Sakin
    Keymaster

    @fritzhesse: Your site is password protect. So, I cannot view it. Please check it lacostafilmfestival.org

    #7482
    fritzhesse
    Member

    I’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.

    #7488
    Sakin
    Keymaster

    @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; }
    `

    #7491
    fritzhesse
    Member

    Thanks – that worked.  I had to remove the override I put in the style.css – and this worked nicely.

    #7492
    Sakin
    Keymaster

    @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.

    #59424
    easychoice
    Member

    Hi, 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

    #59508
    Sakin
    Keymaster

    @easychoice: You site has transparent widget background. So, I am bit confused. I guess you already found the css.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to change responsive menu colors’ is closed to new replies.