WordPress.org

Forums

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

  1. alkpurusha
    Member
    Posted 9 months 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 9 months 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 9 months 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 9 months ago #

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

  5. alkpurusha
    Member
    Posted 9 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.