Okay
  Public Ticket #2004224
Top Bar
Closed

Comments

  •  3
    shaneketterman started the conversation

    Hi,

    Do you have the ability to have a top bar yet? I really need to have one and most sites have them; It's for a business site so we need the ability to have address, phone number, etc. in a top bar area. Also, how can I put a button up in the navmenu area?


  • [deleted] replied

    Hi shaneketterman,

    1— Sorry but Kalium doesn't offer a Top Menu for the moment but we will introduce a feature like this in the future theme updates.

    For the moment you can achieve this only if you modify theme files or if you use any third-party plugin that is created for this job. Maybe a plugin such as WP Notification BarsTop Bar can help you or any other plugin that you can find in the Wordpress plugins director.

    2— Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer.

    Thanks!

  •  3
    shaneketterman replied

    Hi there sorry I didn't see you replied!  

    Thanks for the info on the Top Bar I will check that out.

    For the nav bar, what I was meaning is that it would be great to have a button up there in the nav bar, main menu area. Is that possible?

  • [deleted] replied

    Hi shaneketterman,

    All the links in your menu are buttons, but If you want any of the links to have a different style and look like a button then first you must add a class to your menu item, to learn how you can do that please see this video.

    Then you can go to Custom CSS area and style that button.

    Here is an example that we used for the Restaurant demo:

    /* Menu: Special button */
    @media screen and (min-width: 768px) {
        .special-menu-button a{
            -webkit-box-shadow: 0 10px 30px 3px rgba(0,0,0,0.08);
            box-shadow: 0 10px 30px 3px rgba(0,0,0,0.08);
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
            padding: 4px 15px;
            background: #d09e5b;
            color: #fff !important;
            margin-left: -15px;
        }
        
        .special-menu-button a:after {
            background-color: transparent !important;
        }
    }

    Have a great day!