Add extra logo's in header space

Hi erikvermeulen!

You can refer to this post and add a widget area to your header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

Best regards,
Yigit

Hey!

Please try adding this to Quick CSS under Enfold–>General Styling:

.second-logo img{
padding-top:40px;
}

Cheers!
Rikard

Hi!

Please adjust the code Rikard posted to center it perfectly. Then add following code to Quick CSS

.header-scrolled .second-logo img {
  padding-top: 10px;
}

Best regards,
Yigit

Hey!

Please edit your code and add your link using HTML A tag. If you need help, please create a temporary admin login and post the link you would like to use

Cheers!
Yigit

Hi!

Yes, that is possible. You can add it directly to the includes > helper-main-menu.php fileor add this to the functions.php file:

add_action('ava_main_header', 'ava_main_header_mod');
function ava_main_header_mod() {
	$output  = '<div class="header-message">';
	$output .= '<span class="blue bold">Vrijdag 17 april Open Dag!</span> <br>';
	$output .= '<a href="http://www.intercollege.nl/contact/afspraak-maken/" class="orange bold">Meld je nu aan!</a>';
	$output .= '</div>';
	echo $output;
}

Regards,
Ismael

Hey!

I cannot see the text on your page right now. Please add it once again and change its position by adding following code to Quick CSS

.header-message { position: relative; top: 10px; left: 10%; }
.header-message * { font-weight: bold !important; }

Cheers!
Yigit

Hi!

Please add following code to Quick CSS as well

.header-message {
  margin-top: -44px;
}
.header-scrolled .header-message {
  top: 70px;
}

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well

.header-message { z-index: 99; }

Regards,
Yigit

Hi!

Changes you made in Quick CSS field are safe but the ones in functions.php file will be overwritten. You can download pre-built child theme from here – http://kriesi.at/documentation/enfold/downloads/

Best regards,
Yigit

Hey!

You will not lose any settings when you move to a child theme. Refer to this link: http://kriesi.at/documentation/enfold/using-a-child-theme/

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Regards,
Ismael

Hi!

Please change following code

.header-message {
  position: relative;
  top: 105px;
  left: 30%;
}

to following one

.header-message {
  position: relative;
  top: 85px;
  left: 30%;
}
@media only screen and (max-width: 769px) {
.header-message {
  left: 40%;
}}
@media only screen and (max-width: 480px) {
.header-message {
  top: 190px;
  left: 13%;
}}

Regards,
Yigit

Hi Erik!

Do you mind creating a temporary admin login and posting it here privately?

Cheers!
Yigit

Hi!

Please review your website now.
I had to remove extra information on screens smaller than 768px, because simply header is not enough for 2 logos 1 extra information and social icons.

Cheers!
Yigit