Return to previous page

Menu Styling - by Dom1788 - on WordPress WooCommerce support

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

Dom1788

Participant

April 4, 2016 at 18:30

Hi,

I would like the menu typography on the homepage to be in white with the other pages the items to be in black.

Also, on mobile the menu items are black…can these be in white?

Is it also possible to have a different site layout for mobile for some items as some are not very responsive.

Please, contact administrator
for this information.

#119989 Copied

3 Answers
Eva Kemp

Support staff

April 4, 2016 at 19:00
Hello,

Please add this code in Global Custom CSS:
```
.page-id-22357 .header-wrapper .menu > li > a, .header-type-2.slider-overlap .header .menu > li > a {
   color: white; 
}
```
As I see on mobile you have white menu items:
http://storage4.static.itmages.com/i/16/0404/h_1459792798_2731347_464aed1afb.png

Unfortunately there is no option to have different layout for mobile.

Regards,
Eva Kemp.
#119992 Copied
Dom1788

Participant

April 5, 2016 at 10:21

Thank you, I have sorted this.

Is it possible to make the header logo smaller on mobile? I have offset the margin so the logo doesn’t overlap the slider but because this logo is white I cannot see it. Or would it be possible to have the background a different colour where the top margin has been created?

#120050 Copied
Jack Richardson

Support staff

April 5, 2016 at 10:51
Hello,

Please use this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.page-id-22357 .header-type-2.slider-overlap .header {
    background-color: black;
}
```
Best regards,
Jack Richardson.
#120057 Copied
Viewing 4 results - 1 through 4 (of 4 total)