Could you maybe help with header section spacing issue? :)

Hi,
at the website given in private, I tried to add a function that will display
a) a phone button on a mobile device
and
b) a form where a visitor can enter her/his number and be called back.

for this i added a function welcom_shortcode, using caldera forms, as below.

i added the shortcode to the “extra elements” section of the enfold header menue, as [welcome].

all seems nice, but due to the way the extra element is processed, iI get a huge gap until the next header elements.
could you give me a tip how to avoid or repair that?

thank you so much :)
m.

function welcome_shortcode() {

if (is_mobile())
{
echo ‘<table style=”border: 1px;”>
<tr>
<td width=”30%” style=”background-color:#009900;border: 1px;text-align:left;”></td>
<td width=”70%” style=”background-color:#009900;border: 1px;vertical-align:middle;text-align:right;”>(random intro text)</td>
</tr>
</table>’;
}
else
{
echo do_shortcode(‘[caldera_form id=”CF5691770dce68f”]’);

}
}
add_shortcode( ‘welcome’, ‘welcome_shortcode’ );