header avoids overflow

Hi,

I appreciate your immediate response to the bunch of questions I had.

This transparent header thing is for me the most and only critical one in using this theme (off canvas page templates are automatically generated when Qubely is installed), so it would be great to know a best guess availability.

Best Regards

I don’t really understand what do you mean from “off canvas page templates” – what are those OFF CANVAS templates? A screenshot will be great.

Some themes are naming page layouts when without header and footer that way (e.g. in Elementors theme Hello etc.), as well as the Gutenberg Plugin “Qubely” creates automatically 2 additional pages templates (“Qubely full-width” and “Qubely Canvas”) even with your theme…I think just Canvas is right (not off).

So I am able to create post and pages with and without header and footer also with your theme now, so the only urgent feature remaining is the possibility to overfllow the header section.

Sorry for the confusion

Well that’s the point, I was thinking of something else when you called those pages OFF Canvas templates… No I understand you.

We are working on the transparent header functionality but this option will be available in Blocksy Pro only.

Let me know if you have any other questions.

Cheer.

First off all, Blocksy seems to be well coded and fast (checked it with yellowlab.tools, and Page Speed against other up to date Gutenberg themes), so it would be great for me to stick to it. Is there any information about the pro version somewhere (can not find it on your website)?

And in the meanwhile, is there any code snippet I can use to enable overflowing the header section?

Best regards

We are still working on the Pro version, maybe the first pro release will be available in about 1-2 months.

Sorry but unfortunately there is no way to make the header absolute at the moment.
We will come with a well polished solution only in the pro version.

Let me know if you have any other questions.

Found a solution to make it work, with background color settings including header, and content overflows header (transparent header effect), it is something like this:

// Background color for my homephage
.page-id-1907 {
background: #A01430 !important;

}

// a page, where the content did not overflow yet:
.page-id-8 #primary {
margin-top:32vh;
overflow:visible;
}

// header settings
header {
position: absolute!important;
width: 100%;
z-index: -1;
}

Hey @vallered glad that you found a way ??
Soon we will release a solution where you won’t have to do this from css.