[Support request] Menu item – hover radius (rounded)

Home Forums Support Menu item – hover radius (rounded)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #903845


    I want a menu item (main menu) that looks like a button with rounded worners.

    I found this on some of your earlier support topics as custom css:

    .main-navigation {
    border-radius: 5px;

    This does the trick πŸ™‚ but when I over over it, the corners are sharp again…Does anyone know how I can fix this?

    kind regards

    Customer Support

    Hi there,

    Is it just a single menu item that you are looking for?

    If so follow the steps here:

    Then modify your CSS to this:

    @media (min-width:769px) {
        .main-navigation .main-nav ul li.nav-button a {
            background-color: #ffffff;
            border: 2px solid #000000;
            color: #000000;
            line-height: 35px; /*this number will likely need to be adjusted*/
            border-radius: 5px;

    If this doesn’t help, any chance you can unlock maintenance mode so we can see the issue?

    Let me know πŸ™‚

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.