Transparent menu over slider

Resolved topdollardeal
(@topdollardeal)

10 years, 7 months ago
Sorry if I missed it somewhere, I looked in code snippets and on this forum, nobody seems to have had this question. On my website I’m trying to make menu transparent and move it over the slider, keeping the logo centered on top of the page, similar to
this .
I saw this code to move the header block over the slider
```
.home .tc-header.clearfix{
    position: absolute;
    background: none;
    border: none;
}
.home .navbar .navbar-inner {
    box-shadow: none;
    background: none;
}
```
I was wondering if there was any way to do that for just the menu?
Any advice would be greatly appreciated!

Viewing 9 replies - 1 through 9 (of 9 total)

Bojan Radonic – WPMU DEV Support
(@wpmudev-support4)

10 years, 7 months ago
Hey there topdollardeal,

How are you doing today?

Please try adding the following CSS code to Appearance -> Customize -> Advanced Options -> Custom CSS:
```
@media screen and (min-width: 980px) {
.navbar-wrapper.clearfix.span9.tc-submenu-fade.tc-submenu-move.tc-open-on-hover.pull-menu-left {
    position: absolute;
    left: 0;
    right: 0;
    top: 110px;
}

.nav-collapse.collapse.tc-hover-menu-wrapper {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 385px;
}

.navbar-inner .row-fluid {
    background: rgba(0,0,0,0.2);
}
}
```
If the code doesn’t work please keep it added and let me know so I can take a look 🙂

Cheers,
Bojan
Thread Starter topdollardeal
(@topdollardeal)

10 years, 7 months ago

Hi Bojan, doing great, thanks for your help and super-fast response! Your code works great, I was wondering if it’s possible to also make the menu block full-width? Thanks again!
Denzel Chia
(@denzel_chia)

10 years, 7 months ago
Hi,

May I know if this is what you want to achieve?
Please see screenshot. http://prntscr.com/8ip3u1

If yes, Please use the following codes in Appearance -> Customize -> Advanced Options -> Custom CSS
```
.navbar-wrapper {
    width: 100% !important;
}
```
Thanks!
Denzel
Bojan Radonic – WPMU DEV Support
(@wpmudev-support4)

10 years, 7 months ago
Hey again topdollardeal,

Glad to hear the code is working, the above code should work for making the menu block full width, I’d just suggest using more specificity in the selector rather then using important declaration, so I’d suggest adding the following:
```
#tc-page-wrap .navbar-wrapper {
    width: 100%;
}
```
Hope this helps 🙂

Cheers,
Bojan
ghazanfer_anwar
(@ghazanfer_anwar)

10 years, 7 months ago

Hi.I am new to coding,and i need a little help actually i have to remove a background picture from from user review box.HERE.When i see the html coding through broweser it shows THIS.Is there a way to remove the background picture.please help me because any help would be great.

Thread Starter topdollardeal
(@topdollardeal)

10 years, 7 months ago

It worked, you guys are amazing. Thank you!

Denzel Chia
(@denzel_chia)

10 years, 7 months ago

Thank you!

polash786
(@polash786)

9 years, 8 months ago

Sorry if I missed it somewhere, I looked in code snippets and on this forum, nobody seems to have had this question. On my website I’m trying to make menu transparent over the slider,like the following website
http://avada.theme-fusion.com/home-version-1/
how can i do this, please help.
thanks in advance..

Suyogya Shukla
(@themeislesupport)

9 years, 8 months ago

Hey @polash786,

You’re using a premium WordPress theme. Please contact theme developer for support. Also, this is a 11 months old topic that was already resolved. So as per forum welcome, you should be creating your own topic instead. Hope you understand 🙂