Title: Lyrical/Primer Theme Header Replacement Last modified: June 27, 2017 --- # Lyrical/Primer Theme Header Replacement * Resolved [kaffendw](https://wordpress.org/support/users/kaffendw/) * (@kaffendw) * [8 years, 10 months ago](https://wordpress.org/support/topic/lyricalprimer-theme-header-replacement/) * I’m using the Lyrical/Primer WordPress theme and needing help replacing the header section/graphic with Slider Revolution instead. * I would like to keep the logo section and the navigation as is. * Any help would be greatly appreciated! Viewing 4 replies - 1 through 4 (of 4 total) * [Evan Herman](https://wordpress.org/support/users/eherman24/) * (@eherman24) * [8 years, 10 months ago](https://wordpress.org/support/topic/lyricalprimer-theme-header-replacement/#post-9267519) * Hi [@kaffendw](https://wordpress.org/support/users/kaffendw/), * That is certainly possible, but is going to require a small amount of customization on your end. I’d be happy to provide you with some code to get you headed in the right direction. * Before the code, you’ll first need to setup an mu-plugin on your site. This will be the location where you’re going to add the following code to and is going to prevent the code from being removed on each theme update. * We’ve setup a quick tutorial on setting up an MU plugin within WordPress on our documentation page, found here: [https://godaddy.github.io/wp-primer-theme/tutorials-and-examples/tutorials/mu-plugin.html](https://godaddy.github.io/wp-primer-theme/tutorials-and-examples/tutorials/mu-plugin.html) * Once you’ve setup an MU plugin, you can add the following code to it (following the format of the code in the example in our tutorial): * ``` /** * Replace the default Primer header content with Slider Revolution. * * @author GoDaddy * @return mixed Markup for Slider Revolution. */ function replace_primer_hero_content() { if ( ! is_front_page() ) { return; } echo do_shortcode( '[slider-revolution]' ); // slider revolution shortcode here } add_action( 'primer_hero', 'replace_primer_hero_content' ); remove_action( 'primer_hero', 'primer_add_hero_content' ); ``` * You will want to swap out the appropriate shortcode for the slider shortcode you are using. Once you’ve done that, you can save the MU Plugin and reload your site to check if things look somewhat correct. * I’m assuming you’ll need to tweak the CSS a bit to get things looking just right within the theme, but the above tutorial and code sample should get you headed in the correct direction. * Evan - This reply was modified 8 years, 10 months ago by [Evan Herman](https://wordpress.org/support/users/eherman24/). - This reply was modified 8 years, 10 months ago by [Evan Herman](https://wordpress.org/support/users/eherman24/). Reason: update code formatting - This reply was modified 8 years, 10 months ago by [Evan Herman](https://wordpress.org/support/users/eherman24/). * Thread Starter [kaffendw](https://wordpress.org/support/users/kaffendw/) * (@kaffendw) * [8 years, 10 months ago](https://wordpress.org/support/topic/lyricalprimer-theme-header-replacement/#post-9269407) * Evan, * Thanks! I’ve moved forward as you said, but still having issues trying to figure out what I need to change to make this happen correctly. * I would like the Slider Revolution plugin replace the entire header background and sit behind the logo and navigation as does the header image (set currently for reference). * Also removing the Home text as I do not know where that is coming from. * [http://8fe.6c1.myftpupload.com/](http://8fe.6c1.myftpupload.com/) * Looks like maybe I would need to mess with the site-header and not the hero content, but I’m a bit baffled at this point. Any help to make this happen is very much appreciated! - This reply was modified 8 years, 10 months ago by [kaffendw](https://wordpress.org/support/users/kaffendw/). * [Evan Herman](https://wordpress.org/support/users/eherman24/) * (@eherman24) * [8 years, 10 months ago](https://wordpress.org/support/topic/lyricalprimer-theme-header-replacement/#post-9275056) * Hi [@kaffendw](https://wordpress.org/support/users/kaffendw/), * It looks like you’re headed in the right direction. However it looks like you need to tweak a good deal of CSS to get things looking just how you want, since the header logo and navigation are in separate containers. * I did some testing and came up with: [https://cloudup.com/cJGlCOm7JPM](https://cloudup.com/cJGlCOm7JPM) locally, but I had to include a large number of styles that were just not feasible to copy over here. * This can be done but it’s going to require some custom CSS. I would recommend reaching out to the general support forum. [https://wordpress.org/support/forum/wp-advanced/](https://wordpress.org/support/forum/wp-advanced/) Someone is sure to hop in and provide you with just the code you need to get everything in place. * Evan * Thread Starter [kaffendw](https://wordpress.org/support/users/kaffendw/) * (@kaffendw) * [8 years, 10 months ago](https://wordpress.org/support/topic/lyricalprimer-theme-header-replacement/#post-9275108) * Ok. Thanks for your help Evan! Viewing 4 replies - 1 through 4 (of 4 total) The topic ‘Lyrical/Primer Theme Header Replacement’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/primer/1.8.10/screenshot.png) * Primer * [Support Threads](https://wordpress.org/support/theme/primer/) * [Active Topics](https://wordpress.org/support/theme/primer/active/) * [Unresolved Topics](https://wordpress.org/support/theme/primer/unresolved/) * [Reviews](https://wordpress.org/support/theme/primer/reviews/) ## Tags * [Slider Revolution](https://wordpress.org/support/topic-tag/slider-revolution/) * 4 replies * 2 participants * Last reply from: [kaffendw](https://wordpress.org/support/users/kaffendw/) * Last activity: [8 years, 10 months ago](https://wordpress.org/support/topic/lyricalprimer-theme-header-replacement/#post-9275108) * Status: resolved