Do you want a transparent primary menu? You can simply do that using the settings in Canvas and some color generator site.

Canvas theme
Hex color calculator site

Step 1 Convert your desired color to transparent using In this example, we will convert color blue to transparent. Type blue in the HEX value box. Changed Opacity to 33% and click >>HEX 2 RGB(A) >> button.

Step 2 Copy the code from the RGBA for CSS box. In this example, the code is rgba(0, 0, 255, 0.33). We will paste it later in the Canvas settings.

Step 3 Login to WordPress contro panel

Step 4 Go to Canvas > Theme Options

Step 5 In theme options, click General Styling > Base Styling and make sure the Disable ALL Custom Styling is uncheck. Click Save All Changes

Step 6 In Canvas theme options, go to Navigation > Primary Navigation

Step 7  Paste the code “rgba(0, 0, 255, 0.33)” from the color generator to the Background Color box then click Save All Changes

Step 8 Go to your online site and notice the blue transparent menu. You can also choose your desired color from the color calculator.

Here is a video tutorial on how to make a transparent menu using Canvas

Print Friendly, PDF & Email