Return to previous page

Modify Header Content - by smariano - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

smariano

Participant

March 18, 2016 at 14:48

I am using header type 6 and would like to make the following changes:

1. Remove the red note logo that is on the left
2. Add the search icon on the right
3. Move the logo image to the left

On the top banner, would like the following changes:
– Change the selected link and hover color for the language and login links to red

#118012 Copied Theme version: 2.8 WooCommerce version: 2.5.3

3 Answers
Jack Richardson

Support staff

March 18, 2016 at 15:00
Hello,

1. Add this code in Global Custom CSS:
```
.header-type-6 .header .tbs span {
    display: none;
}
```
2. Go to Theme Options > Custom CSS > Global Custom CSS and remove this code that you added:
```
.header-search{
display:none
}
```
Search icon will be shown.

3. Use this code in Custom CSS for desktop section:
```
.header-logo {
    float: left;
    right: 100%;
}
```
Best regards,
Jack Richardson.
#118017 Copied
smariano

Participant

March 19, 2016 at 16:55

Thank you for the information.

Everything works except the search icon still does not show on the right of the header when I remove the css code header-search{ display:none }.

I tried replacing it with header-search{ display:none } which shows the icon but there is no drop down menu

#118105 Copied
Jack Richardson

Support staff

March 21, 2016 at 08:43
Hello,

As I see you also added the code in parent style.css file:
```
.header-search{
display:none
}
```
I’ve removed it. Now search icon is shown.

Please check.

Best regards,
Jack Richardson.
#118174 Copied
Tagged: best, content, customize, design, header, layout, modify, selling, themes, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)