Align logo in center with social media in header

Discussion in 'Gommero WordPress Theme' started by katetlea, May 20, 2013.

Thread Status:
Not open for further replies.
  1. katetlea

    katetlea New Member

    Joined:
    Dec 11, 2012
    Messages:
    2
    Likes Received:
    0
    Hello,

    I am having a really hard time to center the logo on my website becuase I added a qtranslate language chooser and social media icons in my header.(http://katetlea.com/)

    this is the code in the header for the logo. Is is centered but I think that by adding a div above, it's making it centered within it's "div".

    <div class="logo"> <a href="<?php bloginfo( 'url' ); ?>"><img class="aligncenter" src="<?php if ( get_option('inkthemes_logo') !='' ) {?><?php echo get_option('inkthemes_logo'); ?><?php } else {?><?php bloginfo('template_url'); ?>/image
    s/logo.png<?php }?>" alt="<?php bloginfo('name'); ?>" /></a></div>

    what shoud I do?
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .header_wrapper .logo {
    overflow: hidden;
    }
    #header-social-container {
    float: none ! important;
    text-align: center;
    }
    #language-selector {
    float: none ! important;
    text-align: center;
    }
    This will solve your issue.
     
  3. katetlea

    katetlea New Member

    Joined:
    Dec 11, 2012
    Messages:
    2
    Likes Received:
    0
    It worked,

    Thank you so much!
     
Thread Status:
Not open for further replies.

Share This Page