[Krista]

I just realized that if you uploaded the header with the Customizer, rather than with CSS, then your image needs to be the exact size specified. Otherwise it will crop it for you.

[Krista]

Hi,

Line 874 of your stylesheet:

.site-header .wrap{
padding: 40px 0;
}

This is adding a large amount of space to the top and bottom of the header. Change the 40px to something less, or even remove it all together if you want.

Also your logo is getting cut off. You might consider a smaller logo possibly? Yours is quite a bit larger than the example you posted. If you decide that you do not want to then you need to change this in your stylesheet.

Line 902 of your stylesheet:

.header-image .site-title > a

min-height is set to 60px. Change it to 70px and your logos top and bottom won't be cut off.

Hope this helps!

[Krista]

Do you have a link? It's hard to tell with a screenshot, but one possibility to check is the font colour on the sub menu. Make sure it isn't the same colour as your background. Again, to fully help you better a link to the site would be better.

🙂

[Krista]

Your site is on maintenance mode, which makes it very difficult to help.

[Krista]

This tutorial should help:

Adding Search Form and Simple Social Icons to Primary Navigation in Genesis

[Krista]

Hi Ian,

You would have to add support for custom header in your function.php file:

//* Add support for custom header
add_theme_support( 'custom-header', array(
'header_image' => '',
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 100,
'width' => 200,
) );

You would change the height and width to your own dimensions, and change a few bits of CSS to make it work.

The reasoning for Swank using this method is to add the logo to the background to keep it responsive.

Hope this helps!

[Krista]

Hi Jared,

Find this in your CSS stylesheet:

.header-image .site-header .wrap {
background: url(images/regularlogo.png) no-repeat;
margin: 0 auto;
padding: 0;
text-align: center;
}

Replace it with:

.header-image .site-header .wrap {
background: url(images/regularlogo.png) no-repeat center;
margin: 0 auto;
padding: 0;
}

You are removing the text-align: center; and adding center to the background.

That should do the trick!

[Krista]

On my end I am seeing your header in Safari, Firefox, and Chrome.

[Krista]

It looks like you figured it out!

[Krista]

Here are a few links:

http://dreamwhisperdesigns.com/genesis-tutorials/change-default-genesis-favicon/

http://htwp2.com/change-default-genesis-favicon/

Good luck!

[Krista]

It looks like you have a widget area above the navigation? The colour is set to #333 so it's the same colour as your background but the h4 title reads "Custom Me" Use Firebug to target that area and you will see. If your remove this then it should remove the space above your navigation and look like the example you gave.

[Krista]

This reply has been marked as private.

[Krista]

Great job! It looks really good.

[Krista]

I've used BigCommerce and was told it was the best for my online shop. The coding was very old school and heavy I found, they used tables for everything. If I did it over again I would try a Genesis site with WooCommerce. Just my two cents.

[Krista]

Can anyone help? I'd really appreciate it…. 🙂

[Krista]

Yes, I was wondering where to I put the code? I should've been more clear. I'm using Prose Theme.

[Krista]

I wish I fully understood this, but I don't 🙂

I get how to register a new widget. Is there any links on how to create my own page template? Couldn't I just use one of the existing ones? I have Prose.

[Krista]

I do have the Carousel. My partner with this website wants just a slideshow gallery and lightbox when you open the page to the portfolio and not a grid of thumbnails. Is there a way I can do that?

[Krista]

Thanks Brad! That is just what I was looking for....

[Krista]

The problem is I've tried to add custom support and tried the Simple Header plugin. It still crops my header image to 980 by 150.

[Author]

Posts