Docs

[Kazim E]

Hi there – I want to make both the navbar menu and the topbar menu transparent like the carousel?

I want the navbar menu and the top bar design like this example:
http://themeforest.net/item/kallyas-responsive-multipurpose-wordpress-theme/4091658?WT.ac=category_item&WT.z_author=hogash

[Mrinal]

Hey Kazim,

To do so, add the following CSS codes via Customizer > Custom > CSS:

.x-logobar, .x-navbar, .x-navbar .sub-menu {
    background: transparent !important;
}

[Kazim E]

Hi I tried this but this made the bar go completely transparent – I want as the above example for the bar to be about 35% transparent – how do I control the level of transparency/ alpha?

Also this did not affect the logo bar – only the main nav bar

[Kosher K]

Hi Kazim,

Can you please provide the URL of your site so we can advise accordingly,

You can also try adding this in Customizer -> Custom -> CSS and see if it works.

Change the previous CSS to this.

.x-logobar, .x-navbar .sub-menu {
    background: transparent !important;
}

.x-navbar {
background: rgba(0, 0, 0, 0.35) !important;
}`

Hope that helps.
Cheers

[Kazim E]

Thanks that works great 🙂

[Christian]

You’re welcome Kazim.

[Author]

Posts