Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer Mobile submenu options dissapeared
Good morning
I have (from another thread) adapted the mobile menu for a website
It is perfect except for 1 thing
The little “hooks” at the end of a button that point to the subitems are now also white …. and so we cannot see them anymore ; )
Here s the code I used
/* Mobile Nav */
.mobile-nav-frame {
background: rgba(255,255,255,0.5) !important;
}
.mobile-nav-frame .title h3 {
color: black !important;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8) !important;
}
.mobile-nav-frame ul {
background: #ffffff !important;
border: 0px solid #3ab2c0 !important;
}
.mobile-nav-frame ul li {
border-bottom: 0px solid rgba(0, 0, 0, 0.25) !important;
border-top: 0px solid rgba(255, 255, 255, 0.05) !important;
}
.mobile-nav-frame ul li a.link {
color: #3ab2c0 !important;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7) !important;
}
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi Jvanbavel
The sub-menu arrows are still there they are just white images, not visible over the new white background.
Try the following at Appearance > Custom CSS:
.mobile-nav-frame .next { color: #3ab2c0; margin-top: 0; position: relative; } .mobile-nav-frame .next:before { content: "\f054"; font-family: "FontAwesome"; position: absolute; top: 12px; }I am happy ; )
Thanks
Super, glad to hear that helped :) All the best.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.