Add Button to Menu

by | Mar 27, 2019 | Menu | 0 comments

How to Create a Call To Action Button for the Menu

/*---------------Menu CTA Button---------------*/
 
#top-menu li a:hover {opacity: 1!important;}
             
.menu-cta a {
    border: 2px solid #ffffff4f!important;
    padding: 12px!important;
    border-radius: 25px;
    text-align: center;
}
 
.menu-cta a:hover {
    background-color: #8dc63f;
    color: white!important;
}
 
.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}
 
/*---------------CTA Button Color on Fixed Navigation---------------*/
 
#main-header.et-fixed-header .menu-cta a {
color: #fff !important;
}
 
/*---------------Menu CTA Button Mobile Settings---------------*/
 
@media only screen and (max-width: 980px) {
.menu-cta a {
    background-color: #8dc63f;
    }
}

Submit a Comment

Your email address will not be published. Required fields are marked *