[Theme SimpleCorp] Changing Header

  • I’m trying to put logo in the middle of the page (central position) and menu in the next line (also central position), tried already everything with margin-left:auto and margin-right:auto but it doesn’t work….

    code looks like this right now..

    <header role="banner" id="header" class="clearfix">

						<div>
						<!-- begin #logo -->
						<?php if ( !of_get_option('sc_clogo')== '') { ?>
						<hgroup id="logo-wrapper">
							<h1><a id="logo" href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
								<img src="<?php echo of_get_option('sc_clogo'); ?>" alt="<?php echo bloginfo( 'name' ) ?>" />
							</a></h1>

						</hgroup>

						<?php } else { ?>

						<hgroup id="logo-wrapper">
							<h1><a id="logo" href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
								<?php if( !of_get_option('sc_clogo_text')== '') {
									echo of_get_option('sc_clogo_text');
									} else {
									bloginfo( 'name' );
								}
								?>
							</a></h1>
							<h5 id="tagline"><?php bloginfo('description'); ?></h5>
						</hgroup>

						<?php }?>
						<!-- end #logo -->
						</div>
				</header>
				<body>
					<div id="meni">
						<!-- begin #topMenu -->
						<div id="navigation-wrapper" class="clearfix">
							<select id = "responsive-main-nav-menu" onchange = "javascript:window.location.replace(this.value);"><option selected="selected" ><?php _e('Menu', 'site5framework'); ?></option></select>

							<nav id="main-navigation" class="main-menu">
							<?php
							site5_main_nav( array(
							 'container' =>false,
							 'menu_class' => '',
							 'echo' => true,
							 'before' => '',
							 'after' => '',
							 'link_before' => '',
							 'link_after' => '',
							 'depth' => 0
							 )
							 );
							 // Adjust using Menus in WordPress Admin ?>
							</nav>
						<style>
							main-navigation{
								height:20px;
								padding:0px 0 20px 0;
								width:100%;
								}
						</style>
						</div>
						<!-- end #topMenu -->
				</div>
			</div>
			</body>

    webpage: ninora.si

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

  • hey, i’ve seen on your website you’ve actually managed to.. could you tell me how please?

    Thread Starter ceciliann_

    (@ceciliann_)

    sorry for a late response.

    I put custom css like this (it’s a bit of manual adjusting left-right):

    header img{
display: block;
    position:absolute;
    height: 160px;
    left:50%;
    top:50%;
    margin-left:-170px;
    margin-top:-90px;
}

    hope it works for you.

    uhm not quite. the custom css moves my logo towards the top right corner, but the menu stays there.
    thanks anyway!

    Thread Starter ceciliann_

    (@ceciliann_)

    for the menu:

    nav {
display: block;
    position:absolute;
    width: 100%;
    left:50%;
    top:50%;
    margin-left:-230px;
    margin-top: 90px;
}

    Thank you ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Theme SimpleCorp] Changing Header’ is closed to new replies.