[Mupa]

I bought the Pro Version of Catch Adaptive after testing a long time with the non Pro version. Now i see no possibility in the color options to make the menu and submenu transparent as it is in the non Pro version.
I tried

.nav-primary {
    background: rgba(0,0,0,0.7);
}

which works fine so far. But for the submenu

.nav-primary .menu .sub-menu a,
.nav-primary .menu .children a {
    background: rgba(0,0,0,0.7);
}

doesn’t work?

IS this a bug of the Pro version?

[Mupa]

I think i have found the bug: If you change “Hover Active Text Color” of the Primary Menu to something else then the default value, the menu becomes intransparent.

[Mahesh]

@mupa: By default, the menu has opacity of 0.7 in both Catch Adaptive Pro and Catch Adaptive Free Versions.

Regards,
Mahesh

[Mupa]

Did you read my bug report?

[Mahesh]

@mupa: Yes, I did read it and it is not a bug. I don’t know why you are trying to make the primary menu and sub-menu’s background transparent with Custom CSS since it is already transparent by default setting. I didn’t any values in color option as you’ve mentioned above as it is a bug or something. The screenshot I’ve taken is just activating the theme and changed nothing in customizer.
Please check the images in the below link:
Catch Adaptive Pro img link: http://goo.gl/gH9bCo
Catch Adaptive img link: http://goo.gl/azwu6f

Regards,
Mahesh

[Sakin]

@mupa: Yes, when you change color from “Color Options”, it will replace default color and it will will solid color. To make transparent color changes, you need to send us the color code and your site URL. Then we can check your site and send you custom css, so that you can add in your site.

[Mupa]

I could manage it myself while pasting my Custom CSS from the Non Pro version into the Pro version.
I thought it would be nicer to use the color options of the option menu, but no matter.
Merely of interest: Why do you change from transparent to non transparent if you change one of the colors via option menu? This is a bug isn’t it?

[Mupa]

One thing: The default value for the Header Background Color is #000000 which should be black right? If i set this value my header background is white.

[Sakin]

@mupa: For transparency background color, we need to use RGBA color code. That’s why the color options in will not work. Color option uses hexadecimal color code, which is solid code.

So, if you want to change primary menu background color from black to white. You need to add the following css in “Appearance => Customize => Theme Options => Custom CSS” options box:

.nav-primary {
    background: #fff;
    background: rgba(255,255,255,0.7);
}

[Mupa]

Hm, maybe you mean another color option. I mean Color Options –> Header Color Options –> Header Background Color.

This one has a default hex value of #000000 which should be black. I can see the back color on the color switch, it is black. But this setting creates a white header background. I want a black header background.

[Sakin]

@mupa: But if you check your first post, you have mentioned about Primary nav.
So, can you post in your site URL and then I can check in what’s issue in your header of your site and why the header background color is not changing.

[Mupa]

Ah sry, my bad. But the header and the menu are so close together that i was a little bit confused.

http://www.tennis-grossraeschen.de

Actually i have set #0a0a0a as workaround, cause #000000 doesn’t work. But #0a0a0a isn’t absolutely black.

[Mupa]

Any ideas?

[Mahesh]

@mupa: Add the following CSS to make the header background absolutely black:

#masthead {
    background-color: #000;
}

Regards,
Mahesh

[Mupa]

Thx, this works. But this means that the color option are a little bit buggy at the moment.

[Mahesh]

@mupa: Buggy color options? Are you having any trouble? Please clarify.

Regards,
Mahesh

[Mupa]

Maybe you overlooked post #90229. The initial color of the header is #000000 which should be black. But for me it is white. I have to set #0a0a0a as workaround to get a black header. But this isn’t absolutely black. That’s why you gave me the custom CSS of post #90426 which works now, the header is absolutely black.
–> So if you want an absolutely black header, you have to use custom CSS. The default value of #000000 of the color options doesn’t work.
Before you ask, i have tested it without other custom CSS.

[Sakin]

@mupa: That’s not from our theme. You can check in our theme style.css line no 1305, it’s clearly black. But I don’t know from where you are getting different. Can you clear your cache and check in. I see that you have Cache Enabler by KeyCDN

#masthead {
	background-color: 000;
	color: #ddd;
	height: 100%;
	width: 100%;
}

[Mupa]

Ok, just for you: I have disabled all my caching and custom CSS. Please have a look. And thanks for the super fast reaction.

[Mupa]

I have changed it back cause it should look like always tomorrow. Tell me if you have time for another look so that i can switch back to the settings i want to show you.

[Author]

Posts