How to border radius menu and sub menu?

Hi @belajar007,

please try this:

.wpbf-sub-menu > .menu-item-has-children > .sub-menu {
    border-radius: 10px;
}

Simply add the code above in the Customizer under Additional CSS.

Best,
David

Hi David,

Thanks for sharing the code. I tried to copy and paste this code into CSS but still does not work. Kindly advise. Thank you.

Anyway, how to show my screenshot here?

Best,
Razka

• This reply was modified 4 years, 9 months ago by belajar007. Reason: i need to add an image as attachment but cannot

Please try this:

.wpbf-sub-menu > .menu-item-has-children > .sub-menu {
    border-radius: 10px;
    overflow: hidden;
}

Hi David,

Many thanks…it works. However, the effect is, the first sub menu height is smaller than others below. How to make it the same height? Kindly advise.

In my case, I have menu: Animal with 3 sub menu:
1. Dog
2. Cat
3. Mouse

The height size for number 2 and 3 is the same. But the first height size is smaller. How to make it the same please?

Thank you very much.

Razka

Is the website live somewhere so I can have a look at it?

PS: To share screenshots in here, you would have to upload your image to dropbox for instance and share the link here.

Best,
David

Hi David,

Kindly find below screenshot for your review:

Sub Menu Screenshot

Thank you very much for your help.

Best,

Razka

I’m trying to understand why the first menu item in the sub-menu is smaller – this shouldn’t be from the CSS code I shared with you. Does that go back to normal if you remove the code?

A link to the website would really help ??

Best,
David

Hi David,

Yes, I think this is not from your code. My website is still in localhost and how to see this? Do we need use “Team Viewer” and set an appointment to see this at your convenient time if you don’t mind? Kindly advise.

Thank you.

Best,
Razka

Hey Raza,

any chance to make the website live temporarily?

I’d also try to disable other 3rd party plugins to see if there’s a conflict. Also, do you have custom CSS added to the website that could affect the sub-menu?

Best,
David