mdivk

Thank you guys for the kind help, it works!!!

Thank you very much, here is the website

Your code can partly fix the height issue as you can see.

But, there are still issue in the menu: if you hover on any menu with sub menu, for example, the second menu (Service), you will see there are two second level menus, and they are not accessible.

What’s missing here?

Thanks.

Thanks for your quick reply.

Do you have any recommendation on a theme like the profitmag?

Thank you.

BTW: for unknown reason, I just replied you 1 minute ago and my reply seems disappeared.

Can moderator please remove this post? I found the theme’s forum and posted there.

Sorry for the mistake.

Here is my revised code:

<header id="masthead" class="site-header" role="banner">
		<div class="site-branding">
		<?php
        if( ( of_get_option( 'kindergarten_show_header_logo_text', 'text_only' ) == 'both' || of_get_option( 'kindergarten_show_header_logo_text', 'text_only' ) == 'logo_only' ) && of_get_option( 'kindergarten_header_logo_image', '' ) != '' ) {
        ?>

        <table>
        	<tr>
        		<td class="header-logo-image">
        			           <!-- <div class="header-logo-image"> -->
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo esc_url(of_get_option( 'kindergarten_header_logo_image', '' )); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"></a>
            <!-- </div> #header-logo-image -->

        		</td>
        		<td>
        			          <!-- begin of customized contact info on the same line of logo image -->
          <div class="header-contact">
          <?php
                    $adress = of_get_option( 'kindergarten_header_adress', 'Massachusetts Ave, Cambridge, MA, USA' );
					$mail = of_get_option( 'kindergarten_header_mail', 'info@example.com' );
					$phone = of_get_option( 'kindergarten_header_phone', '+1 617-253-1000' );

					if ($mail) echo '<i class="fa fa-envelope-o"></i>'.$mail.'<br />';
					if ($phone) echo '<i class="fa fa-phone"></i>'.$phone.'<br />';
					if ($adress) echo '<i class="fa fa-map-marker"></i>'.$adress.'';
					?>
				</div> <!-- end of customized contact info on the same line of logo image -->

        		</td>
        </tr>

        <?php
        }

        if( of_get_option( 'kindergarten_show_header_logo_text', 'text_only' ) == 'both' || of_get_option( 'kindergarten_show_header_logo_text', 'text_only' ) == 'text_only' ) {
        ?>
        	<div class="header-text">
			<h1 class="site-title"><i class="fa <?php echo esc_attr( of_get_option( 'kindergarten_header_text_icon', 'fa-3x fa-child' ) ); ?>"></i><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        	</div>

        <?php
        }
        ?>
            <div class="header-search">
            	<?php get_search_form(); ?>
            	<div class="site-description">
                	<?php
                    $adress = of_get_option( 'kindergarten_header_adress', 'Massachusetts Ave, Cambridge, MA, USA' );
					$mail = of_get_option( 'kindergarten_header_mail', 'info@example.com' );
					$phone = of_get_option( 'kindergarten_header_phone', '+1 617-253-1000' );

					if ($mail) echo '<i class="fa fa-envelope-o"></i>'.$mail.'<br />';
					if ($phone) echo '<i class="fa fa-phone"></i>'.$phone.'<br />';
					if ($adress) echo '<i class="fa fa-map-marker"></i>'.$adress.'';
					?>
                </div>
            </div>
            <div class="clear"></div>
		</div><!-- .site-branding -->
	</header><!-- #masthead -->

I forgot to post my site’s url

It would be really appreciated if anyone can help me understand how the page is generated and how each section is generated with what style attached to it.

Thank you in advance.