Add a background image to the menu of Layout 9.

Home Documentation How To Add a background image to the menu of Layout 9.

The code below will allow you to add a background image to the menu of Layout 9.

 

BEFORE

 

AFTER

 

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it.  Start a new line “after” the last character in the box, then paste the code below.

/** Begin add background color to layout 9*/
.homepage-custom {
background-color: transparent;
}

.layout.l9 {
background-image: url(“http://www.intrawallpaper.com/static/images/2a5y2aru.jpg”);
background-position: center;
background-attachment: fixed;
background-color: transparent;
}
/** End add background color to layout 9*/

 

For Layout 99:

/** Begin add background color to layout 9*/
.homepage-custom {
background-color: transparent;
}
.layout.l99 {
background-image: url(“https://www.intrawallpaper.com/static/images/2a5y2aru.jpg”);
background-position: center;
background-attachment: fixed;
background-color: transparent;
}
/** End add background color to layout 9*/

 

NOTEFor best results, use a vertical image.

 

Comments are closed.