Write CSS for title and sub title in sticky menu

Hi there,

you would need to include some HTML and CSS Class attributes in that PHP Snippet.
For example:

add_filter( 'generate_sticky_navigation_logo_output', function( $output ) {
    
    $title = '<div class="sticky-subtitle">You text here</div>';
    
    return $output . $title;
} );

Now you have the sticky-subtitle class to add your styles:

.sticky-subtitle {
     font-size: 14px;
     font-weight: 600;
     color: #f00;
}

Thanks David,

This is perfect and working well except now I need to add a line break so that the title and subtitle are on seperate lines.

I'm sure it is simple but I haven't resolved it yet.

Jen

Can you provide a link to the site so i can see this?

Sure the site is in a temp environment at the moment but you can see what I have done in the link
Thanks you

Ok so i assume you have also filtered in the sticky-navigation-title. If so then we just need to nest the div.sticky-subtitle inside the div.sticky-navigation-title like so:

add_filter( 'generate_sticky_navigation_logo_output', function( $output ) {
    
    $title = '<div class="sticky-navigation-title">
            Your Title Text
            <div class="sticky-subtitle">Your Subtitle text</div>
            </div>';
    
    return $output . $title;
} );

After adding in the CSS for align left it is perfect, thank you!

I've learnt something about PHP :)

Awesome - really glad to hear that!!

I'll be applying these changes to several sites and learnign so much about the flexibility of the theme!

Thank you again :)

Thanks for the kind feedback :)