[webcoursesbangkokParticipant]

Hi guys,

I am trying to achieve a way of having custom backgrounds behind the menu i.e. the menu sitting nicely on top of a slider or even featured image.

https://www.dropbox.com/s/0g5dzhedz1aeyh1/School-Single-Page-V1.jpg?dl=0

https://www.dropbox.com/s/8kiny64ma99taaw/School-Design-V1.jpg?dl=0

I am this far : http://www.agencyclients.com/wcb

Thanks for the help in advance.

Carl

Ps. I am an experienced wordpress user, wrote some of my own theme so don’t hold back with the techy talk. Just trying to make the most of out my time on this project so hoping you can point me in the right direction quicker than me searching for hours.

[webcoursesbangkokParticipant]

Looking forward to an answer guys.

[ThaiModerator]

Hi There,
Thanks for writing in!
Try adding following CSS under Appearance > Customize > Custom > CSS:

.masthead {
position: absolute;
width: 100%;
}
.x-navbar {
background: transparent !important;
}
.x-navbar .desktop .x-nav > li > a {
color: #9E9494;
}

Screenshot: http://c2n.me/3dnpMx8
Hope it helps.

[webcoursesbangkokParticipant]

Thank you for that, we are much closer

http://www.agencyclients.com/wcb/ – still the white overlaying. If I add background:none then the header is still very close to the nav.

Also what file do I edit if I want to add HTML next to the logo? I am using a child theme.

C

[ChristopherModerator]

Hi there,

To remove header background you need to add this CSS :

.x-navbar {
background-color: transparent !important;
}

Copy _brand.php file from framework -> views -> global and put it in the same path inside child theme and edit this file.

Hope it helps.

[webcoursesbangkokParticipant]

Thanks yes, just today we found the Global folder in the views 🙂

[ThaiModerator]

Glad you’ve sorted it out.

[Author]

Posts