[Resolved] page header position doesnt change

[Anton Samarin]

I try to adjust page header position to Inside Contert Area. But it doesnt work. Nothing changes. Why?

[Tom]

Is that a blog post or a page? Or is it the blog?

The first option there is for pages, the second one is for single posts.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton Samarin]

it is Blog Page Header: http://7nov.ru/

[Tom]

Ah, so you’re wanting the page header to show up next to the sidebar instead of above it?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton Samarin]

Yes, how can I achieve this? I need to place slider to be here constantly nest to the sidebar. May be there is another way?

[Tom]

Give this function a try:

add_action( 'wp','generate_move_blog_page_header' );
function generate_move_blog_page_header()
{
	if ( is_home() ) :
		remove_action('generate_after_header','generate_page_header', 10);
		add_action('generate_before_main_content','generate_page_header', 0);
	endif;
}

Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton Samarin]

I add this code to functions.php and site crashes. Or I need to add it to other file?

[Tom]

functions.php should work.

Make sure there’s this at the top: <?php

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton Samarin]

It worked, but stuck to entery below

[Tom]

Try this CSS:

.blog .page-header-content {
    margin-bottom: 20px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton Samarin]

It helped below, but upper border is lower then sidebar upper border

[Tom]

I adjusted the PHP above to make it so the area isn’t a part of masonry: https://generatepress.com/forums/topic/page-header-position-doesnt-change/#post-145799

For the spacing, adjust your CSS to this:

.blog .page-header-content {
    margin-bottom: 20px;
    margin-top: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton Samarin]

Good! upper and lower borders are OK. but now there is a problem with right border 🙂 http://7nov.ru

[Tom]

Here we go:

.blog .page-header-content {
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton Samarin]

Super! Tom, thank you a lot!

[Author]

Posts