Remove header from subsequent pages

Hey guys,

Is it possible to remove the header image portion on subsequent pages (non front page)?

http://ulinkchina.com/2519-2/业务合作/
http://ulinkchina.com/blogpost/

These are separate pages from the front page.

Hello Linda,

Please go to your Dashboard -> Appearance -> Customize -> Header area -> Header type -> select Only menu for Site header type -> click Save & Publish.

Kind Regards, Roman.

Is it then possible to change the color of the menu on pages exccept the front page?

The menu color is currently white, would like it to have some contract with other pages.

For example ,
http://ulinkchina.com/blogpost/

Best,
Linda

Hello Linda,

Please try to use the following CSS code to change menu background color only on home page.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.home.page #header {
    background: rgba(255, 168, 0, 0.1);
}

Then, you can change menu background color on all other pages in your Dashboard → Appearance → Customize → Colors.

Kind Regards, Roman.

Is it possible to make the styled box in the menu white border for non-home pages, so they can have contrast with the blue menu background?

Hello Linda,

Please try to replace this custom CSS code:

#menu-item-3786 {
    font-weight: bold;
    border: 2px solid #337ab7;
    border-radius: 5px;
    background: rgba(89, 149, 209, 0.2);
}

…with this:

#menu-item-3786 {
    font-weight: bold;
    border: 2px solid white;
    border-radius: 5px;
    background: rgba(89, 149, 209, 0.2);
}

.home.page #menu-item-3786 {
    border: 2px solid #337ab7;
}

Kind Regards, Roman.