Can't I use different colors for the top menu and the other one that slides out at the bottom of the website? But it actually works in the demo of this website:  joomlaplates.org/time/  It has a transparent main menu at the top and a white menu at the bottom. The problem is that the background colors configured for the slide-out menu are also applied to the main menu, even though the template settings don't allow it. Is there any way to apply these background colors, which in my case are low-opacity colors, only to the top/main menu? Thank you so much for your time and promptness, especially since it's a Sunday; I'm very grateful.

I don't understand the problem. There's an option to set colors for the header and menu. Separate colors are set for the drop-down menu. Please check the template options under Colors again.

Yes, they are independent menus and you can configure them completely differently, but there's one exception: the fields:

Link Background Color
Background on hover
Active link background

gyazo.com/1d721acfff109902bc94a2124e4070eb

I only configure these fields in the main menu at the top, and I don't have them configured in the sticky menu. These fields aren't there, so I imagine they share the same style, which shouldn't be the case. In this sticky menu, I only want a white border or line that covers the entire menu area, and it's not like that. I have it configured like this:

gyazo.com/366f9e6eb9a334ef550a4deee471dea7

But if you look closely, it doesn't reflect what I have configured. In this menu, it continues to use the properties of the fields from the main menu above, and it continues to use the properties of the top menu in the sticky menu, only those related to the fields:

Link Background Color
Background on hover
Background Active link

gyazo.com/b9d5ccfa1606d6b61f1b5dcd5841f71b

Here's my URL again: buscandoweb.es/pruebas/pruebas














 

Only with CSS Code for the sticky nav.

Examples: 

.astroid-header-sticky .astroid-nav .nav-link: {
  color: rgb(255, 255, 255);
}

.astroid-header-sticky .astroid-nav .nav-link:hover {
  color: rgb(255, 255, 255);
}