Return to previous page

Rounded menu on submenu selections - by Mary

This topic has 10 replies, 2 voices, and was last updated 2 weeks, 5 days ago ago by Ayan Rahman

Mary

Participant

February 17, 2026 at 21:07

Can the submenu selections also be displayed with rounded edges?
If so, can you provide CSS to add?

thanks,
Mary

#466126 Copied

9 Answers

Ayan Rahman

Support staff

February 18, 2026 at 09:58

Hi,

Thank you for reaching out to us.

Please add the IP address that we have provided in the private comment so that access to view and visit your website will be available from this IP.

Warm Regards,
The 8Theme Team

Please contact administrator
for this information.

#466143 Copied

Mary

Participant

February 18, 2026 at 16:44

the IP has been added

#466167 Copied
Ayan Rahman

Support staff

February 19, 2026 at 10:54
Hi,

We appreciate your prompt response.
https://gyazo.com/0747b33fce699a0c84f09287f9dfa913
Please add this code in Theme Options > Theme custom CSS:

.header-main .nav-sublist-dropdown { border-radius: 30px !important; }

Warm Regards,
The 8Theme Team
#466196 Copied
Mary

Participant

February 19, 2026 at 17:46

Thanks for the code: I makes the area around the submenu selections rounded, but the client wanted each selection to be rounded.
See attachment for the desired look.

Files is visible for topic creator and
support staff only.

#466233 Copied

Ayan Rahman

Support staff

February 20, 2026 at 09:58

Hi,

We have received only one screenshot from you, which shows how it currently appears on our end. Could you please review this and provide a screenshot of the desired result you are referring to?

Warm Regards,
The 8Theme Team

#466260 Copied

Mary

Participant

February 20, 2026 at 17:24

see below

Files is visible for topic creator and
support staff only.

#466295 Copied
Ayan Rahman

Support staff

February 21, 2026 at 05:21
Hi,

We appreciate your prompt response.

.et_b_header-menu .menu li a { background-color: #3d4a72; color: white !important; border-radius: 100px; margin-bottom: 5px; } .et_b_header-menu .menu li a:hover { opacity: 1 !important; } .header-main .nav-sublist-dropdown { border: none !important; background-color: transparent !important; }

https://gyazo.com/f03e2e8cbd3fd9a35f07eb29bc05b6bb

Warm Regards,
The 8Theme Team
#466308 Copied
Mary

Participant

February 23, 2026 at 17:52

does this replace or is it in addition to the previous code for subselections:
.header-main .nav-sublist-dropdown {
border-radius: 30px
!important;
}

#466417 Copied

Ayan Rahman

Support staff

February 23, 2026 at 18:28

Hi,

This code should replace the previous one.

Warm Regards,
The 8Theme Team

#466420 Copied
Viewing 10 results - 1 through 10 (of 10 total)