[Resolved] Menu responding like text

[David]

Glad we could be of help.

[Gary]

Guys,
Back again.
The Header, off-canvas side panel and menu are working great, here: https://nationalhomeimprovements.co.uk/

I created a second header just for Posts and the off-canvas side panel and menu are not facilitated. The menu options are, dropdown menu with a Hamburger icon Toggle Button – not the off-canvas sidebar.
I tried the Customiser but couldn’t find a way to get it.

I want the same off-canvas sidebar on posts with the new posts header if possible, here: https://nationalhomeimprovements.co.uk/kitchen-design
Any help and direction is very much appreciated, thanks.

[Tom]

Hi there,

It looks like the menu on that page is built using Elementor. If you want to use the GP off canvas panel, you need to use the GP menu.

Let me know if you need more info 🙂

[Gary]

Hi Guys,
I binned the Elementor header and created a Hero template in GP Elements.
The off-canvas sidebar and menu are working now on Posts.
The only way I can find to remove the Site Title and Tag Line is to use this snippet on each post:

.single-post .site-branding {
display: none;
}

It works but is there another way within the design of the Header, in Hero?
Also, the Site Logo is bigger than I want it to be on Posts as is the Header. How can I adjust this?

Post with Hero and snippet: https://nationalhomeimprovements.co.uk/kitchen-design/
Post with Hero NO snippet: https://nationalhomeimprovements.co.uk/dining-sets-dining-room-furniture/
Thanks for you help.

[Tom]

What if you do this?:

add_filter( 'generate_header_items_order', function( $items ) {
    if ( is_single() ) {
        unset( $items['site-branding'] );
    }

    return $items;
} );

[Gary]

Hi Tom, thanks.
In the the customiser I get, too many errors. I ran it through the Autoprefixer and got an error there too:

CssSyntaxError: <css input>:1:1: Unknown word

> 1 | add_filter( ‘generate_header_items_order’, function( $items ) {
| ^
2 | if ( is_single() ) {
3 | unset( $items[‘site-branding’] );

[David]

Hi there,

that code Tom provided is PHP – this article covers how to add:

https://docs.generatepress.com/article/adding-php/

[Gary]

Hi David, Thanks.
I added it with the Code Snippet plugin.
I’m not sure where to go to be able to adjust the header size (in Posts).
I tried back in Hero and I can make it bigger but not smaller. Smaller is what I want.
In customiser, there’s no effect.
Very possibly I’m looking in the wrong place!!
Anywhere else to look or try??
Thank you for your help.

[David]

Do you want to reduce the logo size or the padding around the header ( or both )?

[Gary]

Hi David,
Both.
On all Posts only.
I want to reduce the logo size.
I want to reduce the padding around the site header.
Keep the navigation hamburger and social icons in place.
Thanks for your help.

[David]

Give this a shot:

.single-post .inside-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.single-post .site-logo img {
    width: 50px;
    height: auto;
}

.single-post .main-navigation .main-nav ul li.slideout-toggle a {
    line-height: 50px !important;
}

[Gary]

That did it – thank you.

[David]

You’re welcome

[Author]

Posts