Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #312852
    Thorsten Hoeppner
    Participant

    I would like to round off the top corners of the current menu item in the main menu, like on an index card.

    Unfortunately, I can’t find the right entry in the CSS.de I can’t find the right entry in the CSS.

    #312856
    tikaram
    Keymaster

    @hoeppner1867 : Please post in your site URL so that I can check and provide you the required additional css.

    Regards,
    Tikaram

    #312863
    Thorsten Hoeppner
    Participant
    #312893
    tikaram
    Keymaster

    @hoeppner1867 : Login to your WordPress admin section.
    Go to Appearance => Customize => Additional css and add the following css

    .nav-primary ul.menu .current-menu-item > a {
        border-radius: 10px !important;
    }

    Let me know if this helps you out.

    Regards,
    Tikaram

    #312894
    Thorsten Hoeppner
    Participant

    Thanks, but only the home button has rounded corners.

    #312895
    Thorsten Hoeppner
    Participant

    Thanks, ist works. Only the hover buttons are not rounded.

    #312896
    Thorsten Hoeppner
    Participant

    I added that, but I can’t find the hover buttons.

    .nav-primary { padding-top: 5px; }

    .nav-primary ul.menu .current-menu-item > a {
    border-radius: 12px 12px 0px 0px;
    background-color: #ffffff !important;
    }

    #312908
    tikaram
    Keymaster

    @hoeppner1867 : Please discard the previous additional css and add the following css

    .catchresponsive-nav-menu a {
        border-radius: 12px 12px 0 0;
    }

    Let me know if this works as expected or not.

    Regards,
    Tikaram

    #312911
    Thorsten Hoeppner
    Participant

    Thank you, but now all submenu items are also rounded off. 😉

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