Return to previous page

Edit Menu (main nav in header) - by movingnutrition

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

movingnutrition

Participant

July 1, 2017 at 04:22

Hello, I am using header number 7, and I am attempting to change the opacity of the background color of the menu section, but the code I am using is not working. Thank you! I also tried putting the code directly into the child theme instead of adding to custom css in theme options panel.

I tried adding the code below to custom css, and I also tried the same class selector, but used rgb color with 85 for background color transparency instead of using hex with opacity.

.header-type-7{
.menu-wrapper{
background-color: #000000;
opacity:.85;
}

I found this in the theme’s stylesheet

.header-type-7{
.menu-wrapper{
background-color: #252525;
border:none;
.menu{
>li{
>a{
color: #ffffff;
border-color:#393939 !important;
&:hover{
color: @mainColor;
}
}
}
}
}
}

Please, contact administrator
for this information.

#166840 Copied Theme version: Woopress, latest version WooCommerce version: woocommerce, latest version

3 Answers

Rose Tyler

Support staff

July 3, 2017 at 13:21

Hello,

Sorry for the delay.
Could you please provide link to your site and wp-admin access in Private Content?

Regards,
Rose Tyler.

#166923 Copied

movingnutrition

Participant

July 3, 2017 at 19:29

Hi, thank you. Yes I will leave those details in the private comments below.

Please, contact administrator
for this information.

#166980 Copied
Rose Tyler

Support staff

July 4, 2017 at 09:57
Hello,

I’ve removed this code from your Custom css:
```
/*Header Menu Edits*/
.header-type-7{
    .menu-wrapper{
        background-color: #252525;
        opacity:.85 !important;
}
```
and set menu color in Theme Options https://prnt.sc/frez5p
Please check now.

Regards,
Rose Tyler.
#167008 Copied
Tagged: edit menu, navigation, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)