Menu won't move to bottom of header

Hey MaggietheMoose,

How are you doing today?

I’ve checked your site and I’m not really sure I understand what you’re trying to do. Is the image added now? Are you looking to place the tree image below the site title?

Please advise,
Bojan

Hi Bojan
I basically want to replace the entire heading/title currently on there with two images below each other. The first image (see here) will replace the header and link to the home page and the second image (see here) just below that and above the menu will link to a a post about us becoming a WHO CC. It basically needs to look like this: (link) but linking to two separate destinations.

Hi Bojan
I basically want to replace the entire heading/title currently on there with two images below each other. The first image (https://drive.google.com/file/d/0BxVDB1YVMyMhYlZkN2xzQWpXSkk/view?usp=sharing) will replace the header and link to the home page and the second image (https://drive.google.com/file/d/0BxVDB1YVMyMhV2FiMmd6YjJzTGc/view?usp=sharing) just below that and above the menu will link to a a post about us becoming a WHO CC. It basically needs to look like this: (https://drive.google.com/file/d/0BxVDB1YVMyMhZjlLZzBkVDVySUk/view?usp=sharing) but linking to two separate destinations.

Hey MaggietheMoose,

For this you’ll have to edit your theme header.php. Ideally you’d want to create a child theme, make a copy of header.php in your child theme and make changes there. By doing this you can avoid your changes being lost once you update the theme.

With that being said open your theme header.php and search for this line https://screencast.com/t/lRqK9smBrh. Add the following above that line:

<div>
<a href="link you want to use"><img class="belowlogo" src="Image URL"></a>
</div>

Replace dummy text for link and image source and that should be it. I’ve also added class to that image so we can use CSS after in case we need to.

Hope this helps ??

Cheers,
Bojan

Thanks, Bojan. The second header is in there now, but the menu still won’t budge. I can’t figure out what the guy who set up the site did with it. I’m leaving the second header up so you can have a look?

I know I have to change the main-menu’s position from absolute to relative: \
.main-menu {
float: none;
text-align: center;
background: #fff;
position: relative;
bottom: 0;
margin: auto;
left: 0;
right: 0;
}
But I’ve been through the parent style CSS and the child’s and I can’t find it.

I know I have to change the main-menu’s position from absolute to relative.
But I’ve been through the parent style CSS and the child’s and I can’t find it.

Hey MaggietheMoose,

You’re right about that, I’m not exactly sure why is main menu positioned like that but you can definitely change it with CSS.

There is no reason to edit your parent theme CSS. You can simply add custom CSS code to override the styles. If you don’t want to use child theme as I suggested above you can use plugin such as this one https://www.ads-software.com/plugins/simple-custom-css

Once the plugin is installed and activated you can add this code to Appearance -> Custom CSS:

nav#main-menu {
    position: relative;
}

This should fix the issue.

Cheers,
Bojan

Woohoo! Worked like a charm THANK YOU!

Glad I could help and have a nice day!

Cheers,
Bojan