html - Add contact details to header.php Wordpress -
i'm trying add contact details right of logo on this site.
at moment displaying beneath logo. i'd change font , colour match nav bar.
here's code header.php show did site. i'm aware laura (the owner) should using child theme husband built site , has done lot of work without child building 1 one change seems redundant?
<!doctype html> <html <?php language_attributes(); ?> class="no-js" > <!-- start --> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="format-detection" content="telephone=no"> <!-- set faviocn--> <?php global $pmc_data; $favicon = ''; if(isset($pmc_data['favicon'])) $favicon = $pmc_data['favicon']; if (empty($favicon)) { $favicon = get_template_directory_uri() .'/images/favicon.ico'; } ?> <!-- set title of page --> <title> <?php global $page, $paged; wp_title( '|', true, 'right' ); bloginfo( 'name' ); $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( 'page %s' , max( $paged, $page ) ); ?> </title> <meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <link id="favicon" rel="icon" type="image/png" href="<?php echo $pmc_data['favicon'] ?>"> <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> atom feed" href="<?php bloginfo('atom_url'); ?>" /> <?php if ( is_singular() && get_option( 'thread_comments' ) ) {wp_enqueue_script( 'comment-reply' ); }?> <!-- add google analytics code --> <?php if(isset($pmc_data['google_analytics'])) echo pmc_striptext($pmc_data['google_analytics']); ?> <?php wp_head();?> </head> <!-- start body --> <body <?php body_class(); ?>> <!-- start header --> <header> <div id="headerwrap" > <!-- fixed menu --> <div class="pagenav fixedmenu"> <div class="holder-fixedmenu"> <div class="logo-fixedmenu"> <?php $logo = $pmc_data['logo']; ?> <a href="<?php echo home_url(); ?>"><img src="<?php if ($logo != '') {?><?php echo $logo; ?><?php } else {?><?php get_template_directory_uri(); ?>/images/logo.png<?php }?>" alt="<?php bloginfo('name'); ?> - <?php bloginfo('description') ?>" ></a> </div> <div class="menu-fixedmenu"> <?php if ( has_nav_menu( 'scroll_menu' ) ) { wp_nav_menu( array( 'container' =>false, 'container_class' => 'menu-scroll', 'theme_location' => 'scroll_menu', 'echo' => true, 'fallback_cb' => 'ideo_fallback_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'walker' => new description_walker()) ); } ?> </div> <!-- respoonsive menu scrool bar --> </div> </div> <!-- top bar --> <div class="topholder"> <?php pmc_showtop() ?> </div> <!-- logo , main menu --> <div id="header"> <div class = "header-inner"> <div class="header-social"> <?php pmc_sociallink() ?> </div> <div id="logo"> <?php $logo = $pmc_data['logo']; ?> <a href="<?php echo home_url(); ?>"><img src="<?php if ($logo != '') {?><?php echo $logo; ?><?php } else {?><?php get_template_directory_uri(); ?>/images/logo.png<?php }?>" alt="<?php bloginfo('name'); ?> - <?php bloginfo('description') ?>" /></a> <div id="contact"> <p>07939598489</p> <p>laura@bristolbridalboutique.co.uk</p> </div> </div> <!-- respoonsive menu main--> <div class="respmenu noscroll"> <div class="resp_menu_button"><i class="fa fa-list fa-2x"></i> menu</div> <?php if ( has_nav_menu( 'resp_menu' ) ) { $menuparameters = array( 'theme_location' => 'resp_menu', 'walker' => new walker_responsive_menu(), 'echo' => false, 'items_wrap' => '<div class="event-type-selector-dropdown">%3$s</div>', ); echo strip_tags(wp_nav_menu( $menuparameters ), '<a>,<br>,<div>,<i>' ); }?> </div> <!-- main menu --> <div class="pagenav"> <?php if ( has_nav_menu( 'main-menu' ) ) { wp_nav_menu( array( 'container' =>false, 'container_class' => 'menu-header', 'theme_location' => 'main-menu', 'echo' => true, 'fallback_cb' => 'ideo_fallback_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'walker' => new description_walker()) ); } ?> </div> </div> </div> </header>
to on right side can use
#contact{ float:right;}
and align rest can add
margin-top:54px;
for font/color can add
font-family: "brioche-italic", georgia, "helvetica neue", arial, helvetica, verdana, sans-serif !important; font-size: 17px; color: #94bfba !important;
Comments
Post a Comment