"Menu item" (#2292825) / Laborator Support

Comments

29
Rafael Diamantino started the conversation
February 6, 2020 at 4:59pm
Hi,
I would like to highlight the menu item "Mieterportal" on my website.
Is there an option to highlight it somehow? I was thinking of a colored rectangle and the text in white (see attachement).
Kind regards
Rafael

[deleted] replied

February 7, 2020 at 8:38am

Hi Rafael,

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 nice weekend!

29
Rafael Diamantino replied
February 7, 2020 at 6:30pm
It worked wonderfully. Thank you very much.

Kind regards

Rafael
1 Like