Agama Blue update – how to remove wave in header

@199sabrina,

You will need to provide us your website URL so we can inspect what’s going on.

Regards

Hello @jerryscg
Thank you for your fast responds.
My website URL is:

https://www.tastycreativity.com

Best Wishes,
Sabrina

@199sabrina,

I don’t see any issue: https://prnt.sc/rt0z9f

What browser you are using?

Regards

@jerryscg

I use the browser; Google Chrome.

Normally the height of the header is 100 px. But also at your example the banner is bigger than what it used to be.

The banner is expanded.

Best wishes

@jerryscg

It was as big as this picture:
https://ibb.co/khnfd06

You can go to Appearance -> Customize -> General -> Additional CSS and add next custom CSS code:

#agama-header-image .header-image {
   height: 100px; // Set custom header height.
}

In. the next theme update we will add more header image options so you will be able to adjust header image height from Customizer and also you will be able to turn off the header bottom shape but until than you can use the above CSS code to adjust header image height.

Best Regards

@jerryscg

Thank you for your help! That is exactly what I mean!

I just have one last question, when I put the CSS code I get this error. Should I just continu? (sorry it is in Dutch, but it said that if I continue, that there is a chance the site will not work)

https://ibb.co/BBvPk71

??

@199sabrina,

Remove the “// Set custom header height.” string and save.

Regards

• This reply was modified 4 years, 11 months ago by jerryscg.

@jerryscg

Thank you for your help! It works now with no problem! ??

Have a nice day!

Best wishes,
Sabrina

I still have that problem with the grey and black wave overlaying the header image.

https://freaklike.g-place.de/

Both wave overlays appeared with the latest update and there is NO configuration option to stop that. Destroys the website layout.

Hello,@akxak!

We prepare the theme update in which we will add more options to configure the divider.

Until that happens, you can remove the wave shapes, by inserting the following code into Customizing->General->Additional CSS:

path.divider-fill {
    display: none!important;
}

Regards