How can I change the opacity of my mega menu in Debutify Theme?

Store Design
1

Hello guys,

I have a problem. I want to change opacity to my mega menu, but when I do it in code edit, nothing happens. This is default code for dropdown menu.

// Dropdown menu
.dropdown-menu {
  left: 0;
  background-color: $colorBody;
  border: $borders;
  line-height: $baseLineHeight;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  padding: $paddingDropdown 0;
  position: absolute;
  width: max-content;
  max-width: $maxWidthDropdown;
  min-width: $minWidthDropdown;
  z-index: $zindexOverBody;
  text-align: left;
  height: 0;

I can change background color to any color. But when I change opacity, nothing happens. Can anybody help me? Screenshot is there. Edit: Forgot to mention, I am using Debutify Theme, if that makes any difference

Screenshot 2022-01-05 at 15.05.10.png
Screenshot 2022-01-05 at 15.05.10.png2880×1800 576 KB

2

@tailopolis - you have opacity:0 in above code, you can change it to any value from 0.1 to 1

3

I already did and nothing happens.

4

@tailopolis - try adding !important

5

@suyash1 Thank you for trying to help me, but still no results.

6

@tailopolis - which menu item opacity do you want to change? can you share your website link?

1 Like
7

@suyash1 Thank you very much for your help! Problem solved.

1 Like