Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #233645
    greenwhite560
    Participant

    Hello, I would like to change my entire menu/ top section at the top to white. If you visit my website at http://stephaniewalk.com/ you will know what I mean. Also, I would like the hover color for the menu to be active on all pages, not just the home page. Right now, the hover color for the top menu is the pinkish/rose, but only on the home page. I need it to work on every page.

    Thank you,
    Stephanie

    #233647
    greenwhite560
    Participant

    I changed the color to pink, so now it will be harder to tell what I mean. I am referring to the area that includes the top menu, the whole area above the black line

    #233708
    Skandha
    Participant

    @greenwhite560: Hello Stephanie,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #masthead {
    	background-color: #fff;
    }
    .navigation-classic .main-navigation a:hover {
    	background-color: #eddcd3 !important;
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #243742
    greenwhite560
    Participant

    Thank you! That helped. What if I wanted to have something like this? I know I use menu-inside-wrapper, but I want the color to expand the whole page/container, not just part of it. Also, any ideas on how to create the shadowed box around the search function?
    Image to reference: http://stephaniewalk.com/wp-content/uploads/2020/04/thumbnail_Screen-Shot-2020-04-20-at-10.57.03-AM-1.png

    #243785
    Skandha
    Participant

    @greenwhite560: Hello Stephanie,
    Go to => Appearance => Customize => Additional CSS and replace the code

    #masthead{
    	background-color: #D3d3d3;
    }

    with

    #masthead {
         background-color: #eddcd3;
    }

    And for the search wrapper shadow box

    @media screen and (min-width: 400px) {
    	.menu-toggle-wrapper #social-search-toggle {
    		width: 150px;
    		text-align: right;
    		padding-right: 5px;
    		background-color: rgba(0,0,0,0.1);
    	}
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha
    I don’t think you can

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change ENTIRE top menu color to white’ is closed to new replies.