How to position Header Image in Generate Pro theme

[newbie007]

I would like to move my header image down lower as to not have so much whitespace between the header image and the menu. How would I do this. I think the answer is in the style.css but I have no idea what i need to change.

I know nothing of coding so if you could please answer in laymen's term that would be greatly appreciated.

http://concessionbusiness.com

[WisdmLabs]

Hello newbie007,

While inspecting your site from the browser, I can see the following code in index.php on line 61

<style type="text/css">.site-title a { background: url(http://concessionbusiness.com/wp-content/uploads/2017/06/concessionbusiness-1.png) no-repeat !important; }</style>

We have to look into your site-settings/code to find where this style is being added from.

As of now, I can tell you the solution for your problem in as simple way possible. You have to do the following:

• remove the '!important' text added to your css property mentioned above.(go through your theme's files/css settings in dashboard and see if you can find the style anywhere.)
• Add the Styles given below in your theme's style.scss file (line no: 1077)

.header-image .site-title > a {
    float: left;
    min-height: 140px;
    width: 100%;
    
    /* add this to fix your header image problem */ 
    background-position: center;
}

Hope this fixes your issue. Try it and let me know if that works

-Vishnuprasad from wisdmlabs

---

http://wisdmlabs.com/

[Sridhar Katakam]

Try adding this CSS:

.title-area .site-title a {
	background-position: left 38px !important;
}

You can place it in child theme's style.css. If you are not comfortable editing it, install a plugin like Jetpack, then go to Appearance > Custom CSS and paste the code there.

---

Genesis Tutorials | Follow me on Twitter

[Sridhar Katakam]

---

Genesis Tutorials | Follow me on Twitter

[newbie007]

thanks a bunch. that works.

[Author]

Posts