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

Prerequisite(s)
Canvas theme
Hex color calculator site http://hex2rgba.devoth.com/

Step 1 Convert your desired color to transparent using http://hex2rgba.devoth.com/. 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

Leave a Reply

Your email address will not be published. Required fields are marked *