How can I use CSS to create round navigation buttons on a desktop site?

Store Design
, ,
1

Can someone please advise CSS to round the main menu navigation buttons on my desktop site? https://milkymotorsports.com/

2

nvm figured it out

3

Hi @milkymotorsport

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

ul.list-menu.list-menu--inline {background: transparent !important;} nav.header__inline-menu li {border-radius: 50px; background: #0097ef !important;}

Regards,

San

4

Hello @milkymotorsport

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

#shopify-section-sections--15814976340151__header .header__inline-menu {
    border-radius: 20px !important;
}