Hi Ed,
To edit the header image, go to Appearance -> Customize -> Header Image
Also, the header image is of pink oyster mushrooms I grew ?? (They’re very tasty when grilled or fried)
This is something I added to the next version of Atomic, in Atomic Options (a brief note explaining to go the the Customize menu to change the header image)
It appears you have found a bug in Atomic that prevents the box form being removed after removing the text (which it’s supposed to do). I will fix this in the next update, but for now, to remove the box, do the following:
1. (Optional) Create a child theme to prevent your changes from being overwritten when you receive a theme update (however this will be incorporated in to the next update, so it’s not crucially important)
2. Go to Themes -> Atomic Edit, then select Header.php to edit
3. Delete the following code: (Note: delete only form <h1… to </h1> to remove only the box, and remove only from <h2… to </h2> to remove only the description. Remove the entire code below to remove both the box/title and description.)
<div class="site-branding">
<h1 class="site-title"<?php
if ( of_get_option( 'header_title_size', '' ) ) {
echo " style=\"font-size: " . of_get_option( 'header_title_size') . "rem;\"";
}
?>><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
<?php
if ( get_theme_mod( 'logo' ) ) {
echo '<img src="' . esc_url( get_theme_mod( 'logo' ) ) . '" alt="' . get_bloginfo( 'name' ) . '" />';
} else {
if ( of_get_option( 'header_title_text', '' ) || of_get_default('header_title_text') ) {
echo of_get_option( 'header_title_text', of_get_default('header_title_text') );
}
} ?></a></h1>
<h2 class="site-description"<?php
if ( of_get_option( 'header_description_size', '' ) ) {
echo " style=\"font-size: " . of_get_option( 'header_description_size') . "rem;\"";
}
?>><?php
if ( of_get_option( 'header_title_text', '' ) || of_get_default('header_description_text') ) {
echo of_get_option( 'header_description_text', of_get_default('header_description_text') );
} else bloginfo( 'description' );
?></h2>
</div><!-- .site-branding -->
4. Select “Update File”
The three-bar menu only displays when the resolution is low (on a tablet or phone, for instance). When the resolution is high, the menu displays normally. You can see this in action by using your browsers zoom feature, when you zoom out it should display the whole menu and as you zoom in, it should change it to the three-bar menu.
Let me know if this answers your questions.
Kyle
