Return to previous page

Menu background - by Paycheck85 - on WordPress WooCommerce support

This topic has 13 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Rose Tyler

Paycheck85

Participant

December 16, 2016 at 09:12

Is it possible to make only the menu background with a background image?
https://gyazo.com/5219adb1688966a33d5406206396c578

#149253 Copied

12 Answers
Rose Tyler

Support staff

December 16, 2016 at 11:29
Hello,

Try to add this code in Custom CSS:
```
.admin-bar .fixed-header-area.fixed-already {
    background-image: url("here is link to your image");
    border-bottom: 0;
}
.header-wrapper.header-type-5.header-scrolling {
    background-image: url("here is link to your image");
}
```
Regards,
Rose Tyler.
#149265 Copied
Paycheck85

Participant

December 16, 2016 at 14:21

Thank you works fine, https://gyazo.com/27211269b43af613d37ece1f66269d71
Just when i scroll down the menu changes to white. https://gyazo.com/1a94244449dd77552bebebdc8c34ee54
Cn i get a code for the other menu too?

#149279 Copied

Paycheck85

Participant

December 16, 2016 at 14:26

Sorry for many questions. How can i change the colour of the menu text to white?

#149281 Copied
Rose Tyler

Support staff

December 16, 2016 at 14:57
Hello,

Please add this code in Custom CSS:
```
.fixed-header-area.fixed-already {
    background-image: url(http://www.berendetimmerwerken.nl/wp-content/uploads/2014/02/brownboard.jpg);
}
.fixed-header-area.fixed-already a {
    color:white;
}
.header-wrapper.header-type-5.header-scrolling a{
    color:white;
}
```
Regards,
Rose Tyler.
#149291 Copied
Paycheck85

Participant

December 16, 2016 at 15:24

Thank you. But there is thiw white stripe https://gyazo.com/ce1be42369b0e9d0ae7ef45afe6c0469
Can it be fixed?

#149300 Copied

Rose Tyler

Support staff

December 16, 2016 at 15:28

Hello,

You’re welcome!
Try to add: border-bottom: 0; http://prntscr.com/dk6pxq

Regards,
Rose Tyler.

#149303 Copied

Paycheck85

Participant

December 16, 2016 at 15:33

Sorry but now this appears.. the drop down menu text is white so it cant be seen. http://prnt.sc/dk6rtd

#149304 Copied
Rose Tyler

Support staff

December 16, 2016 at 15:41
Hello,

Please add this code in Custom CSS:
```
.menu .nav-sublist-dropdown ul > li > a {
    color: #767676 !important;
}
.menu .nav-sublist-dropdown ul > li > a:hover {
    color: #cda85c !important;
}
```
Regards,
Rose Tyler.
#149307 Copied
Paycheck85

Participant

December 16, 2016 at 15:56

Awesome, thankk you very much.
Somehow when scrolling down the white menu appears, and then the black menu covers it. which makes kind of strange to see. can you please check the website in private content and watch the menu when scrolling down? I think there is a failure but not sure.

Please, contact administrator
for this information.

#149311 Copied

Rose Tyler

Support staff

December 16, 2016 at 16:05

Hello,

Oh, I see. Change this class in code
.fixed-header-area.fixed-already
to
.fixed-header-area

Regards,
Rose Tyler.

#149314 Copied

Paycheck85

Participant

December 16, 2016 at 16:12

Again there is something strange. The white menu is bigger then the black one so there is white area under it. https://gyazo.com/f37c1e9f6adaf45172b058c15d741b73
This is the code i use now..

.admin-bar .fixed-header-area.fixed-already {
background-image: url(“http://www.berendetimmerwerken.nl/wp-content/uploads/2014/02/brownboard.jpg”);
border-bottom: 0;
}
.header-wrapper.header-type-5.header-scrolling {
background-image: url(“http://www.berendetimmerwerken.nl/wp-content/uploads/2014/02/brownboard.jpg”);
}
.black-separator h4 {
color: black !important;
}
.fixed-header-area {
background-image: url(http://www.berendetimmerwerken.nl/wp-content/uploads/2014/02/brownboard.jpg); border-bottom: 0;
}
.fixed-header-area.fixed-already a {
color:white;
}
.header-wrapper.header-type-5.header-scrolling a{
color:white;
}
.menu .nav-sublist-dropdown ul > li > a {
color: #767676 !important;
}
.menu .nav-sublist-dropdown ul > li > a:hover {
color: #cda85c !important;
}

#149318 Copied

Rose Tyler

Support staff

December 16, 2016 at 16:31

Hello,

You’re welcome!
Have a nice day.

Regards,
Rose Tyler.

#149324 Copied
Viewing 13 results - 1 through 13 (of 13 total)