How to alter the size of header bar and align text with logo

  • Unknown's avatar
    openpharmablog · Member ·

    Hello,

    I am trying to work our how to make the header bar smaller and align the text in my header (input through site identity) on my site.

    I presme this can be done with CSS.?

    Thank you in advance for your help

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    openpharmablog · Member ·

    answer found here:

    CrouchingBruin (@crouchingbruin)
    10 months, 1 week ago
    One thing you should not do is make changes to any of the theme’s files (including style.css). If you have to update or upgrade the theme (because of a security patch, bug fix, feature enhancement, WordPress core update, etc), then your changes will be lost. For CSS changes, I see that you have Jetpack installed, so you can use Jetpack’s Custom CSS option to add your own overriding CSS (go to Jetpack → Settings and once activated, you will have an entry under Appearance → Edit CSS).

    As you’ve noted, you can clear the spacing at the top by adjusting the top padding for site-header-main. The extra space at the bottom is from the margin of the navigation menu. Try adding these two rules:

    .site-header-main {
    padding-top: 1em;
    padding-bottom: 0em;
    }

    #menu-menu {
    margin-bottom: 22px;
    }
    The value for margin-bottom in the second rule is what is currently in effect. Change the value as you like.

  • The topic ‘How to alter the size of header bar and align text with logo’ is closed to new replies.