WordPress.org

Forums

Hueman
[resolved] How to centre Header for Hueman theme (5 posts)

  1. alkpurusha
    Member
    Posted 1 year ago #

    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.

  2. Beefstick
    Member
    Posted 1 year ago #

    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.

  3. alkpurusha
    Member
    Posted 1 year ago #

    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!

  4. alkpurusha
    Member
    Posted 1 year ago #

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

  5. alkpurusha
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.