Move main logo to centre of page

  • Hello,

    I am trying to centre the logo on this website. I have managed to centre the main nav bar but having trouble moving the logo.

    Here is what I have added to my child theme so far:

    /*
    Theme Name: Mystile Child
    Theme URI: https://www.woothemes.com/
    Description: Child theme for Mystile.
    Author: Kath Rogers
    Author URI: kathrogers.co.uk
    Template: mystile
    Version: 1.3.4
    Tags: woothemes

    Copyright: (c) 2009-2011 WooThemes.
    License: GNU General Public License v2.0
    License URI: https://www.gnu.org/licenses/gpl-2.0.html

    */

    import url(…/mystile/style.css);

    /*All child theme styles go here

    —————————————–*/

    /* move header and nav to center*/
    #header hgroup {
    float: none !important;
    text-align: center;
    }

    #header #logo {
    float: none;

    }

    #header #navigation,
    #header #navigation ul.nav {
    float: none !important;
    }

    #header #navigation {
    padding-top: 155px;
    margin: 0 auto !important;
    }

    All help greatly appreciated!

  • The topic ‘Move main logo to centre of page’ is closed to new replies.