I have designed a unique custom menu called SANDUSKY with the css classes of no-hover. It is positioned alongside HOME, ABOUT, GALLERY, STORE, CONTACT which serve as the navigation menus. While attempting to customize SANDUSKY, I successfully altered the color and font style but encountered difficulty increasing its size; it remains consistent with the navigation menus.
Displayed below is the code I implemented:
.no-hover a:link {
color: none !important;
font-size: 50px;
}
.no-hover a:visited {
color: none !important;
}
.no-hover a:hover {
background-color: transparent !important;
}
.no-hover a:active {
color: none !important;
}
.no-hover {
position: absolute;
left: -70px;
font-family: lucida handwriting;
font-weight: bold;
font-style: italic;
}
<li id="menu-item-815" class="no-hover menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-815"><a href="link">SANDUSKY</a></li>