Wordpress theme header issue

ingvarorn · June 6, 2015

Hi, I have some issue with adding a small banner in a header of a wordpress theme.

I add the code to the banner through settings in the theme who then utilizes masthead-right-content

The issues are.

1. The search text box and the button always gets seperated.

2. There is a huge trailing space after the banner who irritates me to hell.

This is how it looks like when I try to add the banner.

The site is islendingabok.net

I hope someone out there can help me, I add all the info I think you need to see the issue below, let me know if your need more.

The header php is

<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Pytheas
 * @since Pytheas 1.0
 */
?>


<!DOCTYPE html>


<!-- WordPress Theme by WPExplorer (http://www.wpexplorer.com) -->
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php wp_title(''); ?><?php if( wp_title('', false) ) { echo ' |'; } ?> <?php bloginfo('name'); ?></title>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php wp_head(); ?>


<script>
var _prum = [['id', '537f32c0abe53d6a272fba27'],
            ['mark', 'firstbyte', (new Date()).getTime()]];
(function() {
   var s = document.getElementsByTagName('script')[0]
     , p = document.createElement('script');
   p.async = 'async';
   p.src = '//rum-static.pingdom.net/prum.min.js';
   s.parentNode.insertBefore(p, s);
})();
</script>




</head>


<!-- Begin Body -->
<body <?php body_class('body'); ?>>


    <div id="wrap" class="container clr">
    
        <header id="masthead" class="site-header clr" role="banner">
        
            <div class="logo">
                <?php if ( of_get_option('custom_logo') ) { ?>
                    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>
" rel="home"><img src="<?php echo of_get_option('custom_logo'); ?>" alt="<?php get_bloginfo( 'name' ) ?>" /></a>
                <?php } else { ?>
                    <?php if ( is_front_page() ) { ?>
                    <h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>
" rel="home"><?php echo get_bloginfo( 'name' ); ?></a></h1>
                    <?php } else { ?>
                    <h2><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>
" rel="home"><?php echo get_bloginfo( 'name' ); ?></a></h2>
                    <?php }
if ( get_bloginfo('description') ) {
echo '<p class="site-description">'. get_bloginfo('description') .'</p>';
} ?>
                    <?php } ?>
            </div><!-- .logo -->   
             
            <div class="masthead-right">
             <?php if ( of_get_option('masterhead_right','<i class="icon-phone"></i>Call us: 999-99-99') !== '' ) { ?>
                 <div class="masthead-right-content">
                 <?php echo of_get_option('masterhead_right','<i class="icon-phone"></i>Call us: 999-99-99'); ?>
                 </div><!-- .masterhead-right-content -->
                <?php } ?>
                <?php if ( of_get_option('masthead_search','1') ) { ?>
                    <div class="masthead-search">
                        <?php get_search_form(); ?>
                    </div><!-- /masthead-search -->
                <?php } ?>
            </div><!-- .masthead-right -->
       
        </header><!-- .header -->
        
    
        <div id="navbar" class="navbar clr">
        
         <nav id="site-navigation" class="navigation main-navigation clr" role="navigation">
             <span class="nav-toggle"><?php _e( 'Menu', 'wpex' ); ?><i class="toggle-icon icon-arrow-down"></i></span>
<?php wp_nav_menu( array(
                    'theme_location' => 'main_menu',
                    'sort_column' => 'menu_order',
                    'menu_class' => 'nav-menu dropdown-menu',
                    'fallback_cb' => false,
                    'walker' => new WPEX_Dropdown_Walker_Nav_Menu()
                ) ); ?>
            </nav><!-- #site-navigation -->
            
<?php if ( of_get_option('social','1') == '1') wpex_display_social(); ?>
            
        </div><!-- #navbar -->
        
    <div id="main" class="site-main row clr fitvids">
    
<?php if ( is_singular('page') && has_post_thumbnail() ) { ?>
            <div id="page-featured-img">
                <?php global $post; the_post_thumbnail( $post->ID ); ?>
            </div><!-- #page-featured-img -->
        <?php } ?>
        
        <?php
        //Yoast SEO breadcrumbs
        if ( !is_front_page() && !is_404() ) {
            if( function_exists('yoast_breadcrumb') ) {
                yoast_breadcrumb('<nav id="breadcrumbs">','</nav>');
            }
        } ?>

The searchform.php is

<?php
/**
 * The template for displaying search forms in Pytheas.
 *
 * @package WordPress
 * @subpackage Pytheas
 * @since Pytheas 1.0
 */
?>


<form method="get" id="searchform" class="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
<input type="search" class="field" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder', 'wpex' ); ?>" />
    <button type="submit" class="submit" id="searchsubmit"><i class="icon-search"></i></button>
</form>

The code I try to add to the header is

<a href="http://eimskip.is/IS/utflutningur/b%C3%BAsl%C3%B3%C3%B0aflutningar/default.html" target="_blank"><img src="http://www.islendingabok.net/wp-content/uploads/2015/06/buslodir_islendingabok-02.png " alt="Eimskip er styrktar aðili síðunnar" /></a>

Sign In

Wordpress theme header issue

Recommended Posts

ingvarorn

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information