Title: Header Image Last modified: September 1, 2016 --- # Header Image * Resolved [geomanbeats](https://wordpress.org/support/users/geomanbeats/) * (@geomanbeats) * [9 years, 9 months ago](https://wordpress.org/support/topic/header-image-214/) * Hi, * I would like to achieve that the headerimage gets smaller so that it stays completely visible even on mobile devices. * check it here * [http://www.omnikid.com](http://www.omnikid.com) * thank you Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/header-image-214/page/2/?output_format=md) [→](https://wordpress.org/support/topic/header-image-214/page/2/?output_format=md) * Thread Starter [geomanbeats](https://wordpress.org/support/users/geomanbeats/) * (@geomanbeats) * [9 years, 9 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667764) * solved * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 9 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667820) * Hi there, * I’m glad you were able to get this resolved! The behaviour you mentioned should be the default for Harmonic. * If you have any trouble with how the header looks across different devices, please feel free to reply back with a link to your site and I’ll take another look. ( [http://www.omnikid.com](http://www.omnikid.com) is currently leading to a site that **doesn’t** have Harmonic active on it.) * Thread Starter [geomanbeats](https://wordpress.org/support/users/geomanbeats/) * (@geomanbeats) * [9 years, 9 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667903) * Hi, * I’m sorry. The domain is [http://www.omnikid.eu](http://www.omnikid.eu). * more question. Do you know why the browser background flashes white when i load one of the portfolio pages. It’s only there. Site, etc.. are fine * thx * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 9 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667904) * I’m currently being directed to a blank black page when visiting [http://www.omnikid.eu](http://www.omnikid.eu) and am therefore not able to see the behaviour you described in action. I have also not been able to replicate it on [the theme’s demo site](https://harmonicdemo.wordpress.com/) or my own test site. Can you please provide a direct link to a page where I can see and look into the behaviour? * Thread Starter [geomanbeats](https://wordpress.org/support/users/geomanbeats/) * (@geomanbeats) * [9 years, 9 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667905) * Sorry again. Site is in progress :)) * working now: [http://www.omnikid.eu](http://www.omnikid.eu) * When you there, would you be so nice to tell me how to change the color of the toggle menue button in mobile view.:) * greets * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667935) * Thank you for sharing the link to your site! * The individual portfolio pages on your site do take a little longer to load than other pages, which causes the white flash. The longer loading time may be due to a number of factors, including the relatively large number of images on some of the pages. * If you have Jetpack installed then you can enable its free image accelerations service, [Photon](https://jetpack.com/support/photon/), to get the images to load faster. * Caching plugins, such as [W3 Total Cache](https://wordpress.org/plugins/w3-total-cache/), will also help with overall page speed. * > When you there, would you be so nice to tell me how to change the color of > the toggle menue button in mobile view.:) * This can be changed with some custom CSS. * To add custom CSS: Firstly [set up a child theme](https://codex.wordpress.org/Child_Themes) or [activate a custom CSS plugin](https://wordpress.org/plugins/search.php?q=custom+css).( If you have [Jetpack](https://jetpack.com) installed then you can activate [its custom CSS module](https://jetpack.com/support/custom-css/).) * Enter the following snippet in either the editor for your CSS plugin or the style. css file of your child theme: * ``` #mobile-link { background: #663399; } ``` * You can change the value of #663399 to any HEX code of your choice. If you’d like to experiment with different colours, try a few Google searches to get a list of HEX codes and their corresponding values. Here’s an example of a site that I’ve used before: * [http://www.color-hex.com/](http://www.color-hex.com/) * Let me know how you get on with that or if any extra questions come up. * Thread Starter [geomanbeats](https://wordpress.org/support/users/geomanbeats/) * (@geomanbeats) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667940) * Hi, * First of all, thanks for this great support. Everythings working….. 🙂 * one more thing: * I’ve tried this [https://wordpress.org/support/topic/social-icons-mobile?replies=4](https://wordpress.org/support/topic/social-icons-mobile?replies=4) * the icons stay now but their doubled up. Is there a way that they just stay on or move to the mobile link. * greets * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667941) * Hi there, * In addition to the code that Kathryn guides you to copy after line 30 in **header. php**, you’ll also need to remove the original code for the social menu at line 41 in the file: * ``` ``` * Hope that helps! * Thread Starter [geomanbeats](https://wordpress.org/support/users/geomanbeats/) * (@geomanbeats) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667943) * thanks, thats why silly me * but now the logo and the socials swapped places and the socials move in mobile view in the second row. huh. * [http://www.omnikid.eu](http://www.omnikid.eu) * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667955) * Hi [@geomanbeats](https://wordpress.org/support/users/geomanbeats/), * I made a mistake in my last reply to you. Sorry about that! * To start with, please undo the change that I asked you to make and re-add the code for the social menu underneath the following: * ```

``` * The second snippet of code for the social menu needs to be placed **inside** the mobile panel. I believe you may have previously added it just after, instead of before, the following closing div at line 30: * `
` * The second snippet needs to be placed before that closing div in order to only appear on the mobile version of the theme. * Apologies again for the confusion my first reply may have caused, please do let me know how you get on with the above steps. * Thread Starter [geomanbeats](https://wordpress.org/support/users/geomanbeats/) * (@geomanbeats) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667964) * Hi Siohban, * Thank you so much. Everythings fine now. * all my best * g * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667965) * I’m glad to hear that! We’re right here if extra questions come up too. * [gnarbuckle](https://wordpress.org/support/users/gnarbuckle/) * (@gnarbuckle) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667966) * I am using theme 53307, are there areas that I can not customize in this theme? * [gnarbuckle](https://wordpress.org/support/users/gnarbuckle/) * (@gnarbuckle) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667967) * href=”[http://184.154.188.35/~logotest/ya/gnar/wp-admin”>](http://184.154.188.35/~logotest/ya/gnar/wp-admin”>); * My site is not live. I have been unsuccessful with the people I hired over a year ago 🙁 I THINK I attached a link for you to view above. * [gnarbuckle](https://wordpress.org/support/users/gnarbuckle/) * (@gnarbuckle) * [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/#post-7667968) * [http://184.154.188.35/~logotest/ya/gnar/wp-admin](http://184.154.188.35/~logotest/ya/gnar/wp-admin) Try that. Thank you! Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/header-image-214/page/2/?output_format=md) [→](https://wordpress.org/support/topic/header-image-214/page/2/?output_format=md) The topic ‘Header Image’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/harmonic/1.1.2/screenshot.png) * Harmonic * [Support Threads](https://wordpress.org/support/theme/harmonic/) * [Active Topics](https://wordpress.org/support/theme/harmonic/active/) * [Unresolved Topics](https://wordpress.org/support/theme/harmonic/unresolved/) * [Reviews](https://wordpress.org/support/theme/harmonic/reviews/) * 16 replies * 3 participants * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/) * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/header-image-214/page/2/#post-7667973) * Status: resolved