menu and submenu of Pro version not transparent

This topic has 22 replies, 3 voices, and was last updated 8 years, 7 months ago by Sakin.

Viewing 20 posts - 1 through 20 (of 23 total)

1 2 →

Author

Posts
April 22, 2016 at 1:56 am #90120
Mupa
Participant
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?
April 22, 2016 at 2:14 am #90121

Mupa
Participant

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.

April 22, 2016 at 10:12 am #90139

Mahesh
Participant

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

Regards,
Mahesh

April 22, 2016 at 1:18 pm #90144

Mupa
Participant

Did you read my bug report?

April 22, 2016 at 3:49 pm #90155

Mahesh
Participant

@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

April 22, 2016 at 11:30 pm #90180

Sakin
Keymaster

@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.

April 23, 2016 at 2:26 am #90189

Mupa
Participant

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?

April 23, 2016 at 7:08 pm #90229

Mupa
Participant

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.

April 23, 2016 at 7:37 pm #90232
Sakin
Keymaster
@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);
}
```
April 23, 2016 at 9:58 pm #90236

Mupa
Participant

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.

April 23, 2016 at 10:05 pm #90237

Sakin
Keymaster

@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.

April 23, 2016 at 11:26 pm #90239

Mupa
Participant

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.

April 26, 2016 at 1:11 am #90404

Mupa
Participant

Any ideas?

April 26, 2016 at 10:42 am #90426
Mahesh
Participant
@mupa: Add the following CSS to make the header background absolutely black:
```
#masthead {
    background-color: #000;
}
```
Regards,
Mahesh
April 28, 2016 at 12:46 am #90574

Mupa
Participant

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

April 28, 2016 at 10:36 am #90594

Mahesh
Participant

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

Regards,
Mahesh

April 29, 2016 at 12:57 am #90654

Mupa
Participant

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.

April 29, 2016 at 1:17 am #90655
Sakin
Keymaster
@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%;
}
```
April 29, 2016 at 1:50 am #90657

Mupa
Participant

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

April 29, 2016 at 2:52 am #90659

Mupa
Participant

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