Nav bar issues

[toddroutt]

Hi There

I’m getting a bit frustrated. There seems to be a 101 topics on creating a transparent nav bar, which is great, but after following the instructions from several of the X support specialists with no success. The last one I tried to emulate, below, is even from this year, so thought to myself as long as I have cornerstone and X Theme updated to the latest versions, surely I can make this work, but no, no success, so getting more and more frustrated.

This is the last thread I copied CSS code from and followed the instructions of the support agent but still failed to get my homepage nav bar to work as desired…

Transparent Navigation Bar

Here’s my homepage: www.obefrance.com

To my knowledge cornerstone and x theme are both latest versions.

Please, help me understand what I’m not understanding!

Thank you

Todd

[friech]

Hi Todd,

Thank you for writing in, please remove this from your custom CSS.

.x-navbar-inner {
    background: black;
}

This one does the trick

.home .x-navbar {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

This custom CSS are in Appearance > Customize > Addition CSS

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Cheers!