Move Header Image

  • Resolved ESSBEEAY

    (@essbeeay)


    9 years ago

    Hi,

    I’m using Goran on localhost. I’d like to have my custom header image sit directly underneath the main navigation. Rather than having my custom logo and menu over the image, I’d like the image to sit under main navigation and have solid color under the logo & menu, much like the way the post page displays.

    I can locate the line to fix in Firebug, but can’t find where the file resides. In the header there is the following:

    id=”masthead” class=”site-header” role=”banner” style=”margin-bottom: -107px; display: block;”

    In Firebug, if I change the -107px in “style=”margin-bottom” to zero, I get what I’d like to happen.

    How can I get to this code? I fully understand the importance of Child Themes, and Goran is a Child of Edin. So my plan is to go ahead and make the change to the theme files, keeping note of my change so I can make it again after any updates.

    Thanks!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Kathryn Presner

    (@zoonini)

    I think that value is set dynamically because I see a different number on my test site.

    If you try to do an override using just CSS, does that work for you? This seemed to work on my test site:

    .site-header {
  margin-bottom: 0 !important;
}

    You wouldn’t need to modify the theme files to do this, you could use a custom CSS editor, like the Custom CSS module included in the Jetpack plugin. You’d then add your custom CSS in the new stylesheet editor in your dashboard, under Appearance > Edit CSS.

    There are also standalone custom CSS plugins if you prefer.

    Thread Starter ESSBEEAY

    (@essbeeay)

    Perfect!
    Thanks.

    Moderator Kathryn Presner

    (@zoonini)

    You’re welcome. ??

    I tried this but still not working on mobile. Any ideas?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Move Header Image’ is closed to new replies.