[Resolved] Curved Corners

[Leanne]

Hi,

Please take a look at this website: http://newportchildcarecenter.ca/

I would like to create the menu area not full width with the top right and top left curved.

Then, at the bottom where the white ends have the bottom right and left curved.

How can I do this?

Thanks,
Leanne

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Leanne]

Yes. I am trying to recreate this website http://newportchildcarecenter.ca/ in WordPress.

For now, I have it here: https://lnftwd.com/ I will move it later.

I want the top corners of the navigation menu to be rounded. And the bottom two corners of the white area (just above the footer) to be rounded.

Thanks.

[Leo]

Try this:

.main-navigation {
   border-radius: 50px 50px 0 0;
}
.one-container .container {
    border-radius: 0 0 50px 50px;
}

[Leanne]

That worked perfectly. You are amazing!!!

[Leo]

No problem 🙂

[Author]

Posts