Home>Support>Mobile submenu options dissapeared

Mobile submenu options dissapeared

By jvanbavel, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

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;
}

URL: http://dutchnaturalista.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi 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;
}
  2. 9 years, 1 month ago jvanbavel

    I am happy ; )

    Thanks

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More