• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Change menu background color

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Change menu background color

Tagged: custom .css, menu color

  • This topic has 1 reply, 2 voices, and was last updated 5 years, 7 months ago by Chinmoy Paul.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 23, 2016 at 9:53 pm #1477
    Toosheds
    Participant

    What would be the custom .css to change the background color of the drop down main navigation menu?

    Do you recommend creating a custom.css file for changes like this?

    Many thanks!

    November 24, 2016 at 2:26 am #1478
    Chinmoy Paul
    Moderator

    Go to line no 1431 of style.css file and replace

    .genesis-nav-menu .sub-menu a {
        background-color: #fff;
        border: 1px solid #eee;
        border-top: none;
        display: block;
        line-height: 1.7;
        padding: 10px 15px 8px;
        position: relative;
        width: 200px;
        word-wrap: break-word;
    }

    WITH

    .genesis-nav-menu .sub-menu a {
        background-color: ENTER YOUR BG COLOR HEX CODE;
        border: 1px solid #eee;
        border-top: none;
        display: block;
        line-height: 1.7;
        padding: 10px 15px 8px;
        position: relative;
        width: 200px;
        word-wrap: break-word;
    }
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2022 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates