• GoDaddy Community
  • Websites + Marketing | Website Builders
  • Websites + Marketing | Website Builders

    cancel
    Showing results for 
    Show  only  | Search instead for 
    Did you mean: 
    Getting Started

    Unable to change sub menu colors for navigation menu bar

    I am unable to change the sub menu colors on the navigation menu bar.  This looks like it should be a pretty standard feature.  The ability to change sub-menu colors should be built into the site builder,  just like the color change for the top navigation bar.  At the very least, an easy way to edit the site wide CSS should be available. It looks like Ver 6 of the website builder offered this, but I no longer see  the option.  Can anyone provide some help on how to do this?

    11 REPLIES 11
    Helper V

    @wholevet101,

     

    Are you able to see Navigation Settings?, I think you can change it there...

    The Navigation Settings will have Text and Background...

    I think you can also use Internal Style Sheet to change the color...

    Go into Site Settings!, and insert the code in side-wide code...

     

    Thank you

     

    Regards,

     

    Praveen Thomas

    GoDaddy 24/7 Support www.x.co/247support
    ----->NEXIA

    Thanks for your response.  This is what I see for editing site wide code. 

    Sitewidecode.png

    It does not show the existing code so there is no way for me to know what I need to change.  It appears to give the option to insert code on each page.  As far as I can tell this version of website builder offers no method to edit the existing CSS. 

    @wholevet101,

     

    What is your Website Builder version?, Please do let me know...

    If I understand when you click on side-wide code!, you're getting this unmoderated image...

    Please provide the URL for editing side-wide code...

     

    Thank you

     

    Regards,

     

    Praveen Thomas

    GoDaddy 24/7 Support www.x.co/247support
    ----->NEXIA

    Sorry the image did not come through.  What I get when click on "Settings" then "Site Wide Code"

    is two empty boxes that enable me to insert code between the HEAD tags or before the /BODY tag on all pages.  None of the existing code is shown at all.

     

    I am use Website Builder version 7

     

    Thanks

    @wholevet101,

     

    Are you able to see the external style sheet URL?, Check the source code...

    What you can do is replace the external style sheet CSS with an internal style sheet...

    The internal style sheet will take precedence and render...

    The internal style sheet CSS code will go into site-wide code...

     

    Thank you

     

    Regards,

     

    Praveen Thomas

    GoDaddy 24/7 Support www.x.co/247support
    ----->NEXIA

    No URL, visibility into the existing code at all.  Just a blank box

    @wholevet101,

     

    Please provide your website URL to investigate...

     

    Thank you

     

    Regards,

     

    Praveen Thomas

    GoDaddy 24/7 Support www.x.co/247support
    ----->NEXIA

    @wholevet101,

     

    Please insert desired code in HEAD section of site-wide code...

    <style>
    .wsb-navigation-rendered-top-level-menu nav-subnav {
    /*
    Please insert your desired code...
    */
    }
    </style>

    Just Google for CSS syntax!, and you will get a lot of info...

     

    Hope this helps

     

    Regards,

     

    Praveen Thomas

    GoDaddy 24/7 Support www.x.co/247support
    ----->NEXIA

    Thanks again, but this does not seem to work.

     

    I have tried the code below in all the of possible nav/subnav/ variations based on what I see using "inspect element" on the live site.  Nothing seems to work.  This is extremely frustrating because if I had access to edit the CSS page, I could get what I want by replacing 6 characters.  How this cannot be possible using the Website builder is incredible to me.  This is such a basic feature how could it be overlooked?

     

    <style>

    .wsb-navigation-rendered-top-level-menu nav-subnav .nav_theme .nav-subnav {
     background:#ffffff;
     
    }
    .wsb-navigation-rendered-top-level-menu nav-subnav .nav_theme .nav-subnav li:hover>a {
     background:#ffffff;

    }

    </style>

    @wholevet101,

     

    Is the internal CSS code inserted right now?, or you have removed it...

    Tried using Inline CSS Style for WholeVet, and it worked...

    I think the side-wide CSS code is getting inserted before the external style sheet...

    Well I'm afraid the website builder is built that way...

    Any particular reason why you would like to change the child menu colors?...

    Your website's look and feel is pretty cool...

     

    Regards,

     

    Praveen Thomas

    GoDaddy 24/7 Support www.x.co/247support
    ----->NEXIA