Increase the size of the menu images with Layout Farah.

Home Documentation How To Increase the size of the menu images with Layout Farah.

Use the code below to increase the size of the images on the main menu when using Layout Farah.

 

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 below code.

/** Begin increase layout farah menu images*/
@media only screen and (max-width: 400px) {
.layout.layout_farah .farah_item {
max-width: 250px;
min-width: 250px;
}
}

.layout.layout_farah .farah_item {
max-width: 250px;
min-width: 250px;
}
/** End increase layout farah menu images*/

 

4) Click Save.

 

NOTE: Edit the max-width and min-width numbers to fit your needs (“250”)

 

Comments are closed.