Title: header avoids overflow Last modified: December 2, 2019 --- # header avoids overflow * Resolved [vallered](https://wordpress.org/support/users/vallered/) * (@vallered) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/) * Hi, * pictures/ elements are not able to overflow the header area (e.g. if pictures from content blocks are shifted into the header). This is needed for a transparent navigation menu effect. Is there any tweak to make this work? That would be great, as this is a major design element of my (current) site. * I tested it with another theme (Mythos from Themeum) with the same background and color settings, and there this does work. * Best regards Viewing 8 replies - 1 through 8 (of 8 total) * Thread Starter [vallered](https://wordpress.org/support/users/vallered/) * (@vallered) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12195640) * 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 * Theme Author [Creative Themes](https://wordpress.org/support/users/creativethemeshq/) * (@creativethemeshq) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12196686) * 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. * Thread Starter [vallered](https://wordpress.org/support/users/vallered/) * (@vallered) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12196795) * 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 * Theme Author [Creative Themes](https://wordpress.org/support/users/creativethemeshq/) * (@creativethemeshq) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12196806) * 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. * Thread Starter [vallered](https://wordpress.org/support/users/vallered/) * (@vallered) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12196961) * 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 * Theme Author [Creative Themes](https://wordpress.org/support/users/creativethemeshq/) * (@creativethemeshq) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12197219) * 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. * Thread Starter [vallered](https://wordpress.org/support/users/vallered/) * (@vallered) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12208153) * 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; } * Theme Author [Creative Themes](https://wordpress.org/support/users/creativethemeshq/) * (@creativethemeshq) * [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12208165) * Hey [@vallered](https://wordpress.org/support/users/vallered/) glad that you found a way 🙂 Soon we will release a solution where you won’t have to do this from css. Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘header avoids overflow’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/blocksy/2.1.41/screenshot.jpg) * Blocksy * [Support Threads](https://wordpress.org/support/theme/blocksy/) * [Active Topics](https://wordpress.org/support/theme/blocksy/active/) * [Unresolved Topics](https://wordpress.org/support/theme/blocksy/unresolved/) * [Reviews](https://wordpress.org/support/theme/blocksy/reviews/) * 8 replies * 2 participants * Last reply from: [Creative Themes](https://wordpress.org/support/users/creativethemeshq/) * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/header-avoids-overflow/#post-12208165) * Status: resolved