Problems changing mobile menu from 3 horizontal lines navicon to say "menu"
Good Morning,
My client has a lot of customers in the 'older demographic' who are having trouble navigating on mobile/tablet devices because menu changes to universal 4 line icon.
I see on the theme options a place to change text and also change to a 'sticky menu'. When I change those options, nothing happens. I do have custom CSS that came in with the 'Interior Designer" layout option you have. Could that custom CSS be overriding the menu options?
Below are images of options and the CSS text used:
.subheader h2, .subheader h5 { letter-spacing: 3px; margin-bottom: 30px; }
.subheader h5 { font-weight: normal; }
.subheader hr { background-color: #fff; color: #fff; width: 45%; }
#Subheader { display: none; }
.fixed-nav { display: none; }
.offer_desc { padding: 50px 10% 10px; }
.offer_desc a.mfn-link-8 { margin: 15px 0; }
#Header_creative #Top_bar .menu > li > a span { border-bottom-width: 0; }
.counter .desc_wrapper .number { font-family: Tinos,sans-serif; }
@media only screen and (min-width: 1240px) {
#Header_creative #Top_bar .logo { margin: 50px 0; }
#Action_bar .social { padding: 20px 0 50px; }
}
#Top_bar #logo { height: auto; }
@media only screen and (max-width: 1239px) {
#Header_creative #Top_bar #logo img { max-height: 41px; }
*****************************************************************************************************************************
Menu Options
Comments
so you mean to replace "three lines icon" with "Menu" text on smaller devices? If this is what you mean and what you did on screenshot above won't work then something else must be wrong and in this case please send us access to your wp dashboard with explanation on pm. But first please make sure you don't have any cache as this could be the main problem.
Thanks!