Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

Center header image logo, tagline on top of menu


  #1  
Old Jan 21, 2013, 08:59 PM
meetatahualpa
 
6 posts · Jun 2012
Center header image logo, tagline on top of menu

Hello,
I'm setting up Montezuma after having used Atahualpa for over a year.
I'd like to center header image logo, tagline on top of menu.

Here is the website http://meetitalia.com/en/

I've followed different posts in the forum and have used the following code for header.php

Code:
<div id="logo-img" class="col12 row">
	<a href="<?php echo home_url(); ?>">
        <img src="http://meetitalia.com/en/wp-content/uploads/sites/2/2013/01/meetitalia_532x113@72.png" >  </a>
</div>
<div id="banner-bg" class="cf">
	<div id="banner" class="row">
		<div id="logo-area" class="col5">
			<p id="tagline">Welcome to Italy</p>
          	<p id="tagline">Discover Italian Culture through Arts, Cuisine, History and Language Courses</p>
		</div>
		<?php wp_nav_menu( array( 
			'container' => 'nav', 
			'container_class' => 'menu-wrapper col7', 
			'container_id' => 'menu1-wrapper', 
			'menu_id' => 'menu1', 
			'menu_class' => 'cf menu', 
			'theme_location' => 'menu1', 
			'fallback_cb' => 'bfa_page_menu' 
		) ); ?>
	</div>
</div>
<div id="breadcrumbs1-bg">
	<nav id="breadcrumbs1" class="breadcrumbs lw">
		<?php bfa_breadcrumbs( 'breadcrumbs1' ); ?>
	</nav>
</div>
  #2  
Old Jan 22, 2013, 04:15 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you have added a row and then said the banner should take two columns of that row. (all rows should have a total of 12 columns) Since there is nothing else in the row, the logo will shows starting at the left.

you need to add a div before and after your div so the row adds up to 12 coluns.

oh and you shouldn't have a class of 'row' with classes of 'colx' on the same div unless you were using 'col12'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jan 22, 2013 at 08:36 AM.
  #3  
Old Jan 22, 2013, 08:14 AM
jerryc
 
367 posts · Oct 2012
Florida
Quote:
Originally Posted by meetatahualpa
I'd like to center header image logo, tagline on top of menu.
If you really mean centered, style the containing div as text-align:center; and the contained image as display:inline.

If you want to have it all left aligned, but more toward the center, use the css grid system.

Bookmarks

Tags
center, header, logo

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to center logo and tagline and position tagline under logo? Elizabeth Header configuration & styling 6 Mar 16, 2012 07:52 PM
Header image keeps center as page shrinks, but logo does not eleanorb Header configuration & styling 9 Feb 5, 2011 07:34 AM
Page menu bar and logo area on header image.. hollow Header configuration & styling 1 Feb 17, 2010 02:22 PM
How do I move drop down menu bar for pages under logo area and header image? barfarf Header configuration & styling 1 Apr 22, 2009 11:49 AM


All times are GMT -6. The time now is 02:47 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.