• Resolved alkpurusha

    (@alkpurusha)


    I have a header/logo which I’d like to be centred rather than offset to the left. Please advise how to do this.
    I’d also like to know if there is a size limit in pixels for the width of the header (I know height is 198px)

    Thank you so much.

Viewing 4 replies - 1 through 4 (of 4 total)
  • To center your header logo go into your child theme css and edit the following under “section header”,

    .site-title { float: left;}

    change the “float” to “none”, this should center your logo like this, My site. As far as the header width I think it depends on what you have your sites max width set to under theme options>styling>website max width. Hope this helps.

    Thread Starter alkpurusha

    (@alkpurusha)

    In the style.css in the child theme there is no code for ‘section header’ or ‘site-title’.
    Just a few lines referring to mobile, tablet, etc.
    I looked around the forums and there was code for centring header of this nature:

    #branding {
    	float: none;
    	width: 35%;
    	margin: 0 auto;
    	text-align: center;
    }

    and

    #header-banner {
        float: right;
        margin: 0 auto;
        width: 68.0851%;
    }

    I entered both of these options separately in the CSS Stylesheet Editor, neither of which worked. Help!

    Thread Starter alkpurusha

    (@alkpurusha)

    Actually on the second one I entered
    float: none
    as you suggested with width at 100%.

    Thread Starter alkpurusha

    (@alkpurusha)

    Now resolved, entered in child theme style.css code as you advised. Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to centre Header for Hueman theme’ is closed to new replies.