Okay
  Public Ticket #3452487
Adding a button to the menu
Closed

Comments

  • paulb207 started the conversation
    September 6, 2023 at 9:06am

    Hi I have 2 questions:

    01. How do I add a button to the menu? On the right hand side next to contact I want to add a button, that I can style and add a link to

    02. I have added a top menu with phone numbers, but I need to make it sticky. At the moment only the main header is sticky, I need the top bar to also be sticky.

  •  1,561
    Laborator replied
    September 7, 2023 at 8:32am

    Hi there,

    1. To do that go to Appearance > Menus and select the menu you are using to add a CSS class, follow the instructions below:

    th_custom_menu_class.jpg

    Just bear in mind that the CSS class added above and the CSS below which should be added to Custom CSS area should be the same (special-menu-button):

    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li.special-menu-button > a, 
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li.special-menu-button > a {
    color: #6dab3c;
    border: 1px solid #6dab3c;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 50px;
}

    2. Unfortunately that's not possible, the top menu cannot be sticky as only the main menu and header has that functionality.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group