Make a half circle in the bottom middle of the header

Site URL: https://hypersphere-sepia-x8z3.squarespace.com/

Hello!

Thank you for all the good content  in here, super helpful. 

I trying to make a small half circle at the bottom of the header to match the logo. Does anybody have any ideas?

I've been trying diffrent css i've found here for boarder sections but no luck. 🙃

Hi,

Can you explain clearly this?

Quote

a small half circle at the bottom of the header to match the logo

On 1/4/2022 at 2:55 AM, tuanphan said:

Hi,

Can you explain clearly this?

 

Hi Tuanphan! ☺️
 

I whould like the header border to go something like the added image.

Is it possible? I have found ways to make other sections boarder to have this circle in the bottom with css but have no luck with the header.

Try adding to Design > Custom CSS

header#header:after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    bottom: -50px;
    z-index: 9999;
    display: block;
    background-color: white;
    border-radius: 50%;
}