trying to center my logo or make it extend all the way

  • batesvillebasketball.com
    is my site.
    ive tried adding some code to the CSS thing but nothing is working. any advice is greatly appreciated.

Viewing 12 replies - 1 through 12 (of 12 total)

  • One way of doing it, in your header template just before the logo, you can change:

    <div class="span7">

    to:

    <div class="span12">

    This makes the container the logo is in the full width of page. You can then resize the logo using CSS etc…

    Don’t forget to add a videos section! All about YouTube these days… and Instagram…

    Thread Starter quinnbller

    (@quinnbller)

    okay how do i resize it now that i have changed “7” to “12”

    You can resize the image with CSS, eg:

    div#logo img {width:80%;}

    And you may want to center it also:

    div#logo {text-align:center;}

    Thread Starter quinnbller

    (@quinnbller)

    okay, when i add that to edit css, it will scale but not centering for some reason.

    I’m still getting “span7” – you need to change that to 12.

    And also FYI, percentage for image width should ideally be used 0-100% in this scenario – eg 50% would be half size the width of the container for example, or 100% would be full width.

    Thread Starter quinnbller

    (@quinnbller)

    @media (max-width: 480px) {
	header#cc-header .span12 {
		text-align: center;
	}

    i dont see anything in the editor tab that says span7
    ??

    You are looking in the wrong file.

    It will probably be in your header.php file. It is HTML not CSS.

    See: https://i.imgur.com/BFgtdC2.png

    Thread Starter quinnbller

    (@quinnbller)

    oh okay sorry, not in the heaeder file, ill see if i can find it though.

    Thread Starter quinnbller

    (@quinnbller)

    cant seem to find the span7. searched every file.

    Thread Starter quinnbller

    (@quinnbller)

    <?php
/**
 * Title: Header template.
 *
 * Description: Defines header content.
 *
 * Please do not edit this file. This file is part of the Cyber Chimps Framework and all modifications
 * should be made in a child theme.
 *
 * @category Cyber Chimps Framework
 * @package  Framework
 * @since    1.0
 * @author   CyberChimps
 * @license  https://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
 * @link     https://www.cyberchimps.com/
 */
?>
<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 9]>
<html class="ie ie9" <?php language_attributes(); ?>>
<![endif]-->
<!--[if gt IE 9]>  <html <?php language_attributes(); ?>> <![endif]-->
<!--[if !IE]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="initial-scale=1.0; maximum-scale=3.0; width=device-width" />

	<title><?php wp_title(''); ?></title>

	<link rel="profile" href="https://gmpg.org/xfn/11" />
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

	<!-- IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="<?php echo get_template_directory_uri(); ?>/inc/js/html5.js" type="text/javascript"></script>
	<![endif]-->

	<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>

<div class="container">

<?php do_action('cyberchimps_before_wrapper'); ?>

<div id="wrapper" class="container-fluid">	

	<?php do_action('cyberchimps_header'); ?>

	<?php do_action('cyberchimps_before_navigation'); ?>

	<nav id="navigation" class="row-fluid" role="navigation">
      <div class="main-navigation navbar">
        <div class="navbar-inner">
        	<div class="container">

          	<?php /* hide collapsing menu if not responsive */
						if( cyberchimps_get_option( 'responsive_design', 'checked' ) ): ?>
  					<div class="nav-collapse collapse">
            <?php endif; ?>
          		<?php wp_nav_menu( array( 'theme_location'  => 'primary', 'menu_class' => 'nav', 'walker' => new cyberchimps_walker(), 'fallback_cb' => 'cyberchimps_fallback_menu' ) ); ?>

			<?php if( cyberchimps_get_option( 'searchbar', 1 ) == "1" ) : ?>
				<div class="menu-searchbar">
					<?php get_search_form(); ?>
				</div>
			<?php endif; ?>
      <?php /* hide collapsing menu if not responsive */
			if( cyberchimps_get_option( 'responsive_design', 'checked' ) ): ?>
			</div><!-- collapse -->
			<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </a>
       <?php endif; ?>
          </div><!-- container -->
        </div><!-- .navbar-inner .row-fluid -->
      </div><!-- main-navigation navbar -->
	</nav><!-- #navigation -->

	<?php do_action( 'cyberchimps_after_navigation' ); ?>

    this is my entire header file.

    Ahah, looks like it will be inside this part “<?php do_action(‘cyberchimps_header’); ?>”

    Might be in your functions.php.

    May be best to get support from the people that developed the theme, I am a bit worried about doing too much hacking…

    The Header can be found in the file fresh-lite/cyberchimps/hooks/header-hooks.php

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘trying to center my logo or make it extend all the way’ is closed to new replies.