Hello-
I tried the above and still not working. Perhaps I am overlooking something, but as I said it works on another site using version 6.0.2
The CSS for the mobile DOES show the first letter in Edwardian, but the desktop version doesn’t
Here is the CSS for the navigation I am currently using:
/* NAVIGATION TO CHANGE FONT TO MS EAVES */
.et_pb_fullwidth_menu {
font-family: “mrs-eaves-xl-serif”,serif;
color: #808080;
letter-spacing:5px;
}
/* NAVIGATION TO CHANGE FONT TO MS EAVES AND GOLD COLOR ON HOVER */
.et_pb_fullwidth_menu nav .current_page_item > a:hover {
font-family: “mrs-eaves-xl-serif”,serif;
color: #cea847;
-webkit-transition: NONE .0s ease-in-out;
transition: NONE .0s ease-in-out;
}
/* NAVIGATION TO CHANGE FIRST LETTER TO EDWARDIAN */
.et_pb_fullwidth_menu .current_page_item >:first-letter {
font-family: “edwardian”;
display:block!important;
font-size:36px;
font-weight:500!important;
font-style:normal;
color: #808080;
letter-spacing:3px;
padding-right:3px;
}
/* NAVIGATION TO CHANGE FIRST LETTER TO EDWARDIAN AND GOLD COLOR */
.et_pb_fullwidth_menu nav > .current_page_item > a:hover:first-letter {
color: #cea847;
display:block !important;
}
@media (max-width: 980px) {
.et_pb_fullwidth_menu_1.et_pb_fullwidth_menu ul li:first-letter {
font-family: “edwardian”!important;
font-size:30px;
word-spacing:0px;
letter-spacing:3px;
padding-right:7px;
display:block !important;
}}
@media (max-width: 980px) {
.et_pb_fullwidth_menu_1.et_pb_fullwidth_menu ul li a {
font-size: 16px;
letter-spacing: 7px;
}}
Thank you