Title: Interactive Google Maps for header Last modified: August 22, 2016 --- # Interactive Google Maps for header * [CDGi](https://wordpress.org/support/users/cdgi/) * (@cdgi) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/) * Hello, * I am trying to put a interactive google map in the header. Or if it is possible to put it in a slideshow. Viewing 9 replies - 1 through 9 (of 9 total) * [mydog8it](https://wordpress.org/support/users/mydog8it/) * (@mydog8it) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478785) * Does your theme have a header widget area? * Thread Starter [CDGi](https://wordpress.org/support/users/cdgi/) * (@cdgi) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478787) * No, the theme I am using does not have a header widget area. * The theme I am using is Customizr. * [mydog8it](https://wordpress.org/support/users/mydog8it/) * (@mydog8it) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478798) * You’ll have to add your map embed code to the header.php theme file in order to do it. Or you could just paste your map embed code into a text widget and stick it in the sidebar or footer. * Thread Starter [CDGi](https://wordpress.org/support/users/cdgi/) * (@cdgi) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478861) * You wouldn’t happen to know where to put it would you. * Here is the header.php code for the theme. * section and everything up till

* * [@package](https://wordpress.org/support/users/package/) Customizr * [@since](https://wordpress.org/support/users/since/) Customizr 1.0*/? > > > > tc_head_display() do_action( ‘__before_body’ ); ?> * > * *

” role=”banner”> tc_logo_title_display(), TC_header_main::$instance- >tc_tagline_display(), TC_header_main::$instance->tc_navbar_display() do_action(‘ __header’ ); ?>

tc_slider_display() do_action ( ‘__after_header’ ) ?> * [mydog8it](https://wordpress.org/support/users/mydog8it/) * (@mydog8it) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478888) * ```

" role="banner"> tc_logo_title_display(), TC_header_main::$instance->tc_tagline_display(), TC_header_main::$instance->tc_navbar_display() do_action( '__header' ); ?>

paste your map code here

``` * That will get it in there. Then you’ll need to revise the .css to get it to look right. You’ll probably need to reduce the width of the title area, increase the height of the header if it has one set, and add some styling to the map div. * You could also add a widget area in the header then place your map in a widget, but that’s more complicated. There are tutorials on here somewhere… * Thread Starter [CDGi](https://wordpress.org/support/users/cdgi/) * (@cdgi) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478889) * Thanks * You wouldn’t happen to know how to just have it on one page, would you. * [mydog8it](https://wordpress.org/support/users/mydog8it/) * (@mydog8it) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478897) * On the home page or another page? * Thread Starter [CDGi](https://wordpress.org/support/users/cdgi/) * (@cdgi) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478898) * On another page. I just want it on this page… * [http://wptest.cinemadesigngroup.com/?page_id=68](http://wptest.cinemadesigngroup.com/?page_id=68) * [mydog8it](https://wordpress.org/support/users/mydog8it/) * (@mydog8it) * [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478900) * OK. Take it out of the header. You’re going to need to use a custom page template, then pick that template for the contact page. Someone more experienced than I will need to tell you the proper way to do it. I *think* you’ll want to use the before container hook. Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Interactive Google Maps for header’ is closed to new replies. ## Tags * [header](https://wordpress.org/support/topic-tag/header/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 9 replies * 2 participants * Last reply from: [mydog8it](https://wordpress.org/support/users/mydog8it/) * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/interactive-google-maps-for-header/#post-5478900) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics