1. Home
  2. Page Templates and Sidebars
  3. See Through Menu, Get content under your Menu

See Through Menu, Get content under your Menu

Added Version 2.1.0

See Though Menu is a powerful Option that allows you to make your menu transparent, which allows you to put whatever page content you want underneath it, typically an image with 100% width of your page.

This tutorial will help you achieve a page that looks like this, allowing menu to be above the page content:




full-width-image-see-through-menu

First create a new page, Pages > Add New and lets use Visual Composer Row, like it appears here:

wyzi-add-row-visual-composer

Inside the row, we need to add some space in height as its current height is zero, to do so add the element Empty Space inside the row and give it 500px in height.




wyzi-row-empty-space-height

Now choose Row Settings, the small pencil on the Row Visual Composer element, then in settings go to Design Options Tab, as it appears in the following image, and choose Image as a background, and put in the margin top -30px (it is necessary to add the minus sign to tell the image to go up, you may need to increase or decrease this value in accordance to your website):

wyzi-visual-composer-row-background-image

Then in General Tab, make sure to set Row Stretch option to Stretch Row and Content, as it appears int he following image:




row-visual-composer-stretch-row-wyzi

Next scroll down to Page Settings down, and turn on the “See-through Menu” Option, and you may also need to hide page title,  as it appears in the following image:

see-through-menu-option-wyzi-hide-page-title

Next you can configure See-though Menu options as you like, like changing menu Color, put another logo that looks nice with your image, and many other options, check this image:

see-through-menu-extra-options

and thats it !

Was this article helpful to you? Yes No