Change Menu to White with Black text?

Homepage Community Forums Aspire Theme Support Change Menu to White with Black text?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #22070
    aspireproman
    Customer

      Hi all, I love this theme but am wondering if it’s possible to change the sticky menu’s color to white with black text?. Thanks

      #22071
      Wes
      Moderator

        Yes, do you have a link with an active site? I can tell you which lines you’ll need to adjust….or I can show you how to add some code to your Customizer CSS page.

        #22075
        aspireproman
        Customer

          Sure: http://decorativesouls.com/

          Thank you

          #22078
          Wes
          Moderator

            The main background for the header is on line 1174 in your style.css. If you want to change it first, then you can find the code for the background color there –

            /* # Site Header
            ---------------------------------------------------------------------------------------------------- */
            
            .site-header {
            	background-color: #000;
            	left: 0;
            	position: fixed;
            	top: 0;
            	width: 100%;
            	z-index: 999;
            }
            

            The sticky menu background (when you scroll down) is separate so you’ll need to change the background for it on a different line. You can find the section for that code a few lines under the main background around line 1202 –

            .site-header.light {
            	background-color: #000;
            	padding-top: 0;
            }

            And to change the font color, look around line 1300 –

            .genesis-nav-menu a {
                color: #fff;
                display: block;
                font-size: 13px;
                font-weight: 300;
                letter-spacing: 2px;
                padding: 30px 15px;
                text-transform: uppercase;
            }
            #22082
            aspireproman
            Customer

              Thanks Wes, I was able to find the code you showed there, but what you gave me is the same as what I found in the editor. I tried to change the colors from either #000 to #FFF, or vice versa, though my website has not reflected those changes. Is there something I’m doing wrong?. Sorry if that is too much to ask.

              #22088
              aspireproman
              Customer

                I guess it takes awhile for the code to change but, the changes I made worked!.

                The dropdown menus are still the same though, so I will have to do some troubleshooting in the editor to try to change their colors too. cheers wes and thanks

                #22089
                Wes
                Moderator

                  Yeah whenever you change CSS (on any site), make sure and click your Reload Button on your Browser so it instantly clears the Browser Cache. Then the changes will show up immediately.

                  Let us know if you run into any issues.

                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.