Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 22, 2022 at 12:55 pm #312852
    Thorsten Hoeppner
    Member

    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.

    November 22, 2022 at 11:31 pm #312856
    tikaram
    Participant

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

    Regards,
    Tikaram

    November 23, 2022 at 2:58 am #312863
    Thorsten Hoeppner
    Member

    https://welliathome.de/

    November 23, 2022 at 11:30 am #312893
    tikaram
    Participant

    @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

    November 23, 2022 at 11:56 am #312894
    Thorsten Hoeppner
    Member

    Thanks, but only the home button has rounded corners.

    November 23, 2022 at 12:07 pm #312895
    Thorsten Hoeppner
    Member

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

    November 23, 2022 at 12:31 pm #312896
    Thorsten Hoeppner
    Member

    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;
    }

    November 24, 2022 at 12:25 am #312908
    tikaram
    Participant

    @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

    November 24, 2022 at 5:57 am #312911
    Thorsten Hoeppner
    Member

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

    November 28, 2022 at 4:10 pm #312999
    Sakin
    Keymaster

    Hi Thorsten,

    So, after that CSS if the Sub-menu is also rounded off and want to remove rounded for sub-menu then you can add additional CSS as:

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

    Regards,
    Sakin

    November 29, 2022 at 4:54 am #313038
    Thorsten Hoeppner
    Member

    Great, now it works exactly as I imagined. 🙂

     

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Rounded current main menu item’ is closed to new replies.