Horizontal Menu / Bottom Menu

Add below css to you custom.css file.

.hormenu        {
    text-align:right;
    font-size:14px;;
}
.hormenu ul > li > a::before {
    content:none!important;
    font-family: "FontAwesome";
}
.hormenu ul.menu_hor-menu ul    {
    list-style-type:none;
}
.hormenu ul.menu_hor-menu li    {
    display:inline
}
.hormenu ul.menu_hor-menu ul     a {
    list-style-type:none;
    padding:0;
    margin:0;
}
.hormenu ul.menu_hor-menu li a    {
    padding:0 10px;
    display:inline;
    color:#999;
}
.hormenu ul.menu_hor-menu li a:hover    {
    display:inline;
    color:#36509b;
}
.hormenu ul > li {
    border-bottom: none;
}

Add '_hor-menu" at "Menu Class Suffix" and add "hormenu" at your backend framework class.

Copyright © 2024 Siam Naulak.
magnifiercrossmenu