adjust the height

Hey schweg33,
The height of the text block is based on the content inside of it. The paragraph tag in it will has top & bottom margin, and the section that it is in has padding from your custom css:

.template-page.content.av-content-full.alpha.units {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
} 

It would probably look nicer if you removed the background color.

Best regards,
Mike

Hi,
The top padding is set by your custom css:

.template-page.content.av-content-full.alpha.units {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
} 

Change 20px to zero if you want to remove it, but note this will affect all of your pages.
While you have set the text color to white, your text is bold (strong) which has a blue color, either remove the strong tag, or add the color to the span style, like your font size.
If you don’t know how to do that try this css:

.avia_textblock p span[style*="color: #ffffff"] strong span[style*="font-size: 14pt"] {
    color: #ffffff;
} 

Best regards,
Mike

Hi,
Typically code is red when there is an error, looks like you have / / above the css.

Best regards,
Mike

Hi,
You misunderstood, this is not my css, it is your css already on your site that you need to change:

.template-page.content.av-content-full.alpha.units {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
} 

Change 20px to zero

Best regards,
Mike

Hi,

Thank you for the update.

You can add this css code to pull the burger menu a bit to the left so it’s not touching the right edge of the header container.

.responsive #top #header_main > .container .main_menu  .av-main-nav > li > a {
    min-width: 0;
    padding: 0 20px 0 20px;
}

Let us know the result.

Best regards,
Ismael

Hi,
Try adding this css:

@media only screen and (max-width: 890px) and (orientation: landscape) {
    .html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
        background-color: #fff;
    }
} 

Then clear your cache and check.

Best regards,
Mike

Hi,
Try this instead:

@media only screen and (max-width: 890px) and (orientation: landscape) {
    #header.header_color div .av-hamburger-inner, #header.header_color div .av-hamburger-inner::before, #header.header_color div .av-hamburger-inner::after {
        background-color: #fff;
    }
} 

Best regards,
Mike