Stop banner image from overlapping header

Site URL: https://www.seasonalricecakes.com/partner-with-me

Hello, 

I've been trying to figure out how to make sure the banner image doesn't overlap the header. What I'd like is

Header

(thin amount of white space)

Banner image stretching across the width of the site

Content

A good example of what I'm going for is: https://cupoftj.com/partner-with-me

My site: https://www.seasonalricecakes.com/partner-with-me

I've tried the code in 

 but putting tuanphan's code in either Design -> Custom CSS or Banner -> Advanced -> PAGE HEADER CODE INJECTION doesn't do anything. I tried derricksrandomviews's code as well and tried adding a spacer block, but the block's height wasn't changed by the code. 

Could I get some help? Thank you. 

I think this is a setting in Design > Site Styles, no need to use code.

Which template do you use?

Thank you for your response tuanphan. I'm using the Sofia template. I don't see anything obvious when I look at Site Styles, even when I click on the site header. Could you help direct me to the right place?

On 8/31/2021 at 11:31 AM, Kazukara said:

Thank you for your response tuanphan. I'm using the Sofia template. I don't see anything obvious when I look at Site Styles, even when I click on the site header. Could you help direct me to the right place?

Hi,

I just setup trial site with Sofia & see this. You can adjust in Site Styles.

Look left option (Header: Layout)

Ahhh!! Thank you! This did the trick. Unfortunately I think there seems to be too much white space now on the front page, since there's a text block beneath the header. I'll explore how to make the space block short just for this page. 

Thank you for your help. 

On 9/1/2021 at 6:39 PM, Kazukara said:

Ahhh!! Thank you! This did the trick. Unfortunately I think there seems to be too much white space now on the front page, since there's a text block beneath the header. I'll explore how to make the space block short just for this page. 

 

Thank you for your help. 

Okay. Let me know if you still need help in this problem

Hi guys, 

I know it's been a while since this thread, but I am trying to solve the same issue. I don't want my header to include the photo in the next block. Same as above. But I feel like maybe there has been an update as the navigation panes don't seem to be the same as referenced above. There doesn't seem to be a header option in site styles.  I cannot for the life of me figure it out!

Any help will be so appreciated! 

Thank you, 

Think About This

On 10/20/2023 at 6:53 PM, ThinkAboutThis said:

Hi guys, 

I know it's been a while since this thread, but I am trying to solve the same issue. I don't want my header to include the photo in the next block. Same as above. But I feel like maybe there has been an update as the navigation panes don't seem to be the same as referenced above. There doesn't seem to be a header option in site styles.  I cannot for the life of me figure it out!

Any help will be so appreciated! 

Thank you, 

Think About This

What is your site url? We can check easier