Having Search bar, Flyout opacity issues.

See below

Any ideas? Any help would be appreciated!

I do!
I entered the code and it did not change anything.
I have been crippled with little ability to make the mobile menu actually work at all. The site is currently live so you could check for yourself on the behavior. I have researched hundreds of support topics and none have offered any code that worked, and I’ve tried everything that I can control to no success. It’s frustrating because it has been like this since I purchased the theme. The odd part of this, and you can verify, If you click on the burger icon multiple times, the flyout menu becomes more visible each time. I don’t know if this helps to recognize a potential reason for this behavior but I hope so. I have spent a lot of time on this particular issue.

Your help is highly appreciated. Thanks so much.

Thanks Rikard!
Your solution worked perfectly!
Could you tell me how to do the same for my shopping cart flyout window for desktop? It seems that all of my menus and flyout windows went transparent for some reason a while back. This is the same issue with all of them.
Your support is appreciated!
Thanks again,
Vincent

Is there a way to set all of the menus and flyouts to opacity 1?

Hello, and thanks for the help! I still have issues that are not solved. The cart has a hover-over flyout window to show you what’s in your cart, but mine will not show, it is still invisible. If you move your cursor over the cart icon repeatedly, it will start to appear. You could see for yourself since my site is live. My ‘to the top’ button in the bottom right corner is not working either. Any chance someone may oblige me, again?
I really appreciate the help.

Hello Ismael and thanks again.
No sir! I’m talking about the flyout window that shows the actual contents of the cart. Hover over flyout window. You can’t see it when you hover, but if you continue to move your cursor over the cart, you will begin to see the flyout window. It’s an opacity thingh, obviously, since this has been an issue all over my site. Sure wish I knew how it happened, but it seemed like an update did this.

Also, the ‘to the top’ button is not working either.

Your help is highly appreciated!
Thanks

<div class=”dropdown_widget dropdown_widget_cart” style=”display: none; opacity: 0.0288884;”><div class=”avia-arrow”></div><div class=”widget_shopping_cart_content”>

As you can see the opacity is set like this, and if you move your cursor over the cart repeatedly it will increase in opacity to where you can start to see it. Totally weird, right?

This is over my pay grade, but I used the Inspect Element to locate this. But this is the same thing that is happening to all of my menus. I’ve had to use many different codes to fix them but all of the opacity settings on almost all Main Menu, Search bar, Cart Dropdown Menu are doing something all their own. Almost a variable setting on opacity.

To The Top button not functioning either. I know this is a lot to ask, but I wanted to add another question and image. Hope you don’t mind.

When I use the search bar in my main menu, once you hit the space bar it queries the search and drops down a menu of results without hitting enter, as a quick dropdown results, I guess. But, as you can see in the second image below, the standard search results do not display the image next to them like in the quick dropdown results. Is there a way that is within reason to make the search results return with images, or in a grid style like the main shop pages? Thanks again!

Not that I am aware of. This is the same thing that was happening to the other elements that we have been patching with CSS. I am not sure if a script is running but I hope not. I am pretty new at this. I really need help, starting to get activity on the site. Any help for the immediate issues like just getting the code that will make it visible? And maybe telling me why the To The Top button doesn’t work? I really appreciate your continued help.
Thanks Ismael