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>