How do we get our business information in the header (opposite the logo?)

Hey!

Try adding this at the very end of your theme / child theme functions.php file:

function put_stuff_before_main_content() {
?>
	<div class="custom_info_container container">
		<div class="custom_info">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam eos aperiam, ducimus sed ad, mollitia. Sed quas, placeat qui. Placeat!</p>
		</div>
	</div>
<?php
}

add_action('ava_main_header', 'put_stuff_before_main_content');

And this to Quick CSS:

.custom_info_container{
  position: relative;
  height: 0 !important;
}
.custom_info{
  width: 40%;
  right: 0;
  position: absolute;
  line-height: 26px;
  top: 20px;
}

Cheers!
Josue

Hey!

Check it now, i used a different code:

function av_change_logo($logo, $use_image, $headline_type, $sub, $alt, $link){
       $logo .= "<div class='custom_info'>Business Information</div>";
       return $logo;
}
add_filter('avf_logo_final_output', 'av_change_logo', 100, 6);

Best regards,
Josue

Hi!

I already changed it.

Cheers!
Josue

Hey!

Change this part in the Quick CSS:

.custom_info{
  width: 40%;
  right: 0;
  position: absolute;
  line-height: 26px;
  top: 20px;
}

To:

.custom_info{
  right: 0;
  position: absolute;
  line-height: 26px;
  top: 20px;
}

Regarding overlapping on scroll, add this:

.header-scrolled .custom_info {
    line-height: 12px;
    font-size: 11px;
    top: 10px;
}

Cheers!
Josue

Hey!

Yes, use this snippet as a starting point:

.custom_info {
    line-height: 12px;
    font-size: 11px;
    top: 10px;
}

Cheers!
Josue

Hi!

It should be:

.custom_info{
right: 0;
position: absolute;
line-height: 24px;
top: 18px;
font-size: 14px;
font-family: “Merriweather”;
}

Cheers!
Josue

Hey!

Try with this:

@media only screen and (max-width: 767px) {
.custom_info{ display: none; }
}

Cheers! 
Josue