[LelyModerator]

Hi There,

Unforetunately, I am not sure what you meant. Because above CSS will give you solid black background. Do you mean a little transparent? If yes, please update above CSS to this:

@media screen and (max-width: 782px){

#sfm-sidebar .sfm-menu li{
    background: #000 !important; /*For main menu background*/
}
.sfm-content-wrapper ul>li>a {
    background: rgba(0,0,0,.5) !important;  /* Adjust .5 to your level of transparency for submenu link*/
}
}

Hope this helps.

[jrhager84Participant]

When I view this on my phone (with the hamburger’d menu) the submenu is *still* semi-transparent, so the stacked main menu underneath shows, and it’s hard to read. I just need *solid* backgrounds, so when the submenu appears over the main menu, you don’t see the main menu items underneath.

[LelyModerator]

Hi There,

Thank you for the clarification.
Where did you add the custom CSS? I can’t find it in your source code if you have added it in the Customizer. Then if you have added it on your child theme’s style.css file, I can’t see it either because it appears blank when I access this link:http://www.steveslanding.com/wp-content/themes/x-child/style.css. If you’re sure you have added it correctly, try deleting cache in case you have caching plugin. We might be seeing cached content. If not, please do give us wordpress and FTP credentials on a private reply so we can check why it is not working. This maybe due to CSS syntax error.

[jrhager84Participant]

Well I feel like a right git. I forgot to clear Cloudflare – I only did WPFC. Clearing Cloudflare did the trick. THanks!

[jrhager84Participant]

Quick question – No big deal if you don’t know the answer. I just can’t find anything in Superfly’s documentation. I would like the submenu close button positioning to be within the actual bar instead of locked to the top right. Do you know off-hand how to code that? I just want it padded the length of the div (250px) from the left so it lines up on the right. Or even top left would be ok. I’d also like to make it a brighter color.

I really really REALLY wish there were was a more-documented knowledge base for Superfly.

[LelyModerator]

Hi There,

This is the default CSS for that closing button:

#sfm-sidebar .sfm-view-level-custom.sfm-modal .sfm-close:before {
    font-family: sfm-icomoon;
    content: '\e607';
    font-size: 32px;
    padding: 7px;
    color: red;
    background: rgba(255,255,255,.2);
    position: absolute;
    right: 0; /*This line position the menu to the right*/
    top: 0;
    cursor: pointer;
}

Feel free to adjust above CSS then add it on the customizer.

Hope this helps.

[jrhager84Participant]

Perfect. I’ll futz around with it. How are you finding these ids and classes and structures? Through the inspector? Or is there a resource somewhere? I feel like there’s a part of the equation that I’m unaware of which is impeding me. Thanks!

[LelyModerator]

Hi There,

You’re welcome!
Yes, we’re using the inspector. See this video screenscast on how we’re looking for the specific element selector and CSS:http://screencast-o-matic.com/watch/cDjOV1iWFL

[Author]

Posts