- This topic has 5 replies, 2 voices, and was last updated 3 years, 3 months ago by
David.
-
AuthorPosts
-
December 30, 2022 at 6:11 am #2477849
Anoop Kumar Vaishya
generate_before_logo or generate_after_logo none of them working.
What could be issue?
December 30, 2022 at 7:27 am #2477968David
StaffCustomer SupportHi there,
do you have a Logo Image set on your site ?
December 30, 2022 at 8:52 am #2478163Anoop Kumar Vaishya
It is presently set using two methods at the same time
// Inline Logo for Desktop
add_filter( 'generate_logo_output', function( $output ) { printf( '<div class="navigation-branding site-logo"> <a href="%1$s" title="%2$s" rel="home"> <svg ...... </svg> </a> </div>', esc_url( apply_filters( 'generate_logo_href' , home_url( '/' ) ) ), esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ) ); } );// Logo for Mobile Header loaded via wp-content File URL.
Customizing ▸ Layout > HeaderWhat I am expecting.
- Ideally, I would like to set logo inlined for Desktop and Mobile Header both. Note: I don’t use sticky but for some reason I have like this.
- Using Elements > Hooks > If I am using generate_after_logo then nothing appears. Ref: https://i.imgur.com/XqDIiXy.png I have checked source code before writing this.
Please provide solution for both things.
Thanks
December 30, 2022 at 11:55 am #2478294David
StaffCustomer SupportLets focus on the desktop first.
As you’re using thegenerate_logo_outputfilter then you can include you extra HTML in there eg.add_filter( 'generate_logo_output', function( $output ) { printf( '<div class="navigation-branding site-logo"> <a href="%1$s" title="%2$s" rel="home"> <svg ...... </svg> </a> <p>Your extra text here</p> </div>', esc_url( apply_filters( 'generate_logo_href' , home_url( '/' ) ) ), esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ) ); } );December 30, 2022 at 12:01 pm #2478302Anoop Kumar Vaishya
Hello!
Thank you for understanding my question.
The provided solution works as expected.
Kindly provide snippet for mobile header logo as well.
Thanks
December 31, 2022 at 4:49 am #2478726David
StaffCustomer SupportFor mobile header logo you can use the
generate_mobile_header_logo_outputfilter. Doc with some examples here:https://docs.generatepress.com/article/generate_mobile_header_logo_output/
Repurposing the first example:
add_filter( 'generate_mobile_header_logo_output', function( $output ) { if ( ! function_exists( 'generate_menu_plus_get_defaults' ) ) { return $output; } $settings = wp_parse_args( get_option( 'generate_menu_plus_settings', array() ), generate_menu_plus_get_defaults() ); return sprintf( '<div class="site-logo mobile-header-logo"> <a href="%1$s" title="%2$s" rel="home"> <img src="%3$s" alt="%4$s" /> </a> <p>Your extra text here</p> </div>', esc_url( apply_filters( 'generate_logo_href' , home_url( '/' ) ) ), esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ), esc_url( apply_filters( 'generate_mobile_header_logo', $settings['mobile_header_logo'] ) ), esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ) ); } ); -
AuthorPosts
- You must be logged in to reply to this topic.