Top bar with Naked Header (light)

[WineDesignNL]

Hi there,

Is there a way to get the top bar above a page with a Page Header Style – Naked (light). http://eigenverpakking.nl/particulier/

I want it to show all the time on every page, but also want to keep the Naked headers. Only on FAQ section it show, so I assumed it had something to do with the Naked Header.

Cheers – Wouter

[Rui Guerreiro – SUPPORT]

Hi,

Try this code.Not 100% sure that this will work.

body[class*="header-naked"] #top-bar {
    display: block !important;
}

.header-wrap[class*="page-header-naked"] {
    padding-top: 30px!important;
}

-Rui

[WineDesignNL]

Hi Rui,

This works, only the menu isn’t transparant anymore.

[Rui Guerreiro – SUPPORT]

Try this code.

.page-header-naked-light .sticky-header {
    background-color: transparent;
    border: none!important;
}

.page-header-naked-light .sticky-header li.current-menu-item > a {
    background-color: transparent!important;
}

-Rui

[WineDesignNL]

Nope, the top-bar dissapears again.

[Rui Guerreiro – SUPPORT]

The last css I provided won’t touch the code we previously did for the top bar. Probably something is wrong in your custom css content.

Can you provide me admin credentials to have a look?

-Rui

[WineDesignNL]

This reply has been marked as private.

[David Martin – Support]

The Top Bar is disabled when the Naked Header is enabled.

You cannot make it transparent, as that will inherit the body background color.

Thanks.

[WineDesignNL]

Hi David,

So you say it’s impossible to get a Top Bar with a naked header? That would be a shame!

Cheers – Wouter

[David Martin – Support]

It’s not possible by default. It would require further theme customisation to achieve this.

Unfortunately, that customisation is beyond our scope of support as it is more work than a small customisation.

We only provide support for theme issues and at times basic customisations. While we’d love to be able to support every customisation request, we simply don’t have the time.

We recommend that you seek a freelance developer if you need to make that customisation: http://www.swiftideas.com/customization/

[WineDesignNL]

Allright David, clear answer.

I will see what I can do myself, or otherwise will tell my client this is not possible. Unfortunately this client doesn’t have any budget to do some customisation.

I always appriciate you extended support, so no worries there! I’ll see what I can do!

Cheers – Wouter

[Rui Guerreiro – SUPPORT]

Thanks David for clarifying this, I didn’t remind that it wasn’t that easy to achieve it.

-Rui

[WineDesignNL]

Hi Rui/ David,

I still liked it as it was, and somehow something changed when I added a mobile header. See attachement.

Now I disabled the mobile header, but the menu stays the same. It is transparant now, when it didn’t was transparant before. And also the menu is in the top bar now.

Maybe something to do with the slider continu button Rui (other topic).

Thanks – Cheers Wouter

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please test by removing your custom CSS.

Thanks.

[WineDesignNL]

Hi David,

I fixex this myself, the problem was in:

.header-wrap[class*=”page-header-naked”] {
padding-top: 30px!important;
}

I made this:

.header-wrap[class*=”page-header-naked”] {
padding-top: 80px!important;
}

So a Naked Header with top bar is possible… At least, the only thing that remains is when scrolling down, the menu items should change color when scrolling down and the sticky header starts. Is there an easy way to get this done with some Custom CSS?

Cheers – Wouter