Site logo

Archived topic

[Feature Resquest] Option to non-transparent merged header

7 replies · Started by Luiz Paulo on January 15, 2017

Viewing posts 1–8 of 8

When the header is merged, it's automatically become transparent. Please add an option to disable this.

But by default, the header will still transparent when merged (to maintain compatibility).

An example of non-transparent merged header: https://postimg.org/image/r78rmlafj/

Couldn't you just use the navigation for this with the navigation logo?

@Tom

I need of my site header inside of my page header. Is possible without "Merge with site header" option?

You could do this on the page you need it to happen:

.site-header {
    position: absolute;
    width: 100%;
    left: 0;
}

I did this on a previous project. I think that option to cancel de transparency when merged is more useful (because don't breaks the layout flow). Think about it.

Having a hard time seeing why though, I feel like they would kind of negate the "merged" feeling? If the header wasn't transparent, what's the difference between having it on top of the page header vs inside of it?

With "position: absolute;" I must inspect the headear, get the height and add height+padding to the page header and test in mobile too. With the header merged, I just put a padding or and it's okay.

Seems strange though. If you're using the Page Header option to merge the header, and the header isn't transparent- what's the point? To show the background of the page header above it maybe?

This archived topic is closed to new replies.