How can I avoid my fixed menubar designed through HTML and CSS from getting overlapped by sections/divs encoded with opacity?

Answer 1

You could set the z-index to your CSS rules appropriately. Make sure that your menu has a z-index higher than the sections/divs.