Return to previous page

Header in Fullwdh ? - by BilalKass - on WordPress WooCommerce support

This topic has 69 replies, 5 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

BilalKass

Participant

September 21, 2015 at 21:51

Ive enabled the responsive design now.

problems with not displaying 1200px wide are solved for now, but i need to change the colour of the menü fonts to be visible as mentioned in last post , also i would have the color if i navigate over the main Menu back in red, not in yellow.

And a next thing is, that my header is not responsive. Can i set up a mobile version header only?

#88431 Copied
Jack Richardson

Support staff

September 22, 2015 at 08:29
Hello,

To change hover color for menu items add this code in child style.css:
```
.menu > li > a:hover {
  color: red !important;
}
```
Regarding the header try to use this code in child style.css:
```
@media (max-width: 480px) {.header {
    background-size: 100% 80%;
}}
```
Best regards,
Jack Richardson.
#88498 Copied
BilalKass

Participant

September 22, 2015 at 08:52

Hey,

The Codes dont Work if i copy them in Child style.css

What about the unvisble color of the font “Article Name , return to previous Page etc.

#88509 Copied

BilalKass

Participant

September 22, 2015 at 09:00

I want a separate header Logo for my mobile Version. Is this possible?

#88510 Copied
Jack Richardson

Support staff

September 22, 2015 at 09:34
Hello,

You can use different header background image using this ccs code:
```
@media (max-width: 480px) {.header {
    background: transparent url("http://link_to_your_image") no-repeat scroll center top;
}}
```
Best regards,
Jack Richardson.
#88520 Copied
BilalKass

Participant

September 22, 2015 at 09:41

I need the color in Red to be visible.

I want my normal header aß usual for a Desktop side. And an additional for mobile side ( 2 Headers . 1 mobile 1 Desktop)

#88522 Copied
Jack Richardson

Support staff

September 22, 2015 at 15:48
Hello,

As I see text in red is visible:
http://storage2.static.itmages.com/i/15/0922/h_1442933147_9689463_0e0f6fe879.png
Do you want to change breadcrumbs title too?
If so use this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.page-heading .title {
  color: red !important.
}
```
Sorry, but there is no options to make 2 different headers for different screen resolutions.

Best regards,
Jack Richardson.
#88639 Copied
BilalKass

Participant

September 22, 2015 at 17:08

i mean this :

it is still black, on black background – i need it in Red!

#88669 Copied
Jack Richardson

Support staff

September 23, 2015 at 09:19
Hello,

Please add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.page-heading .title, .page-heading a, .page-heading .woocommerce-breadcrumb {
  color: red !important;
}
```
Best regards,
Jack Richardson.
#88765 Copied
Tagged: customizable headers, easy to use, fullwdh header, responsive design, seo friendly, wordpress woocommerce themes
1 2 3 4

Viewing 69 results - 61 through 69 (of 69 total)