Change the width/height of category select field in the Catalog (Menu) feature.

Home Documentation How To Change the width/height of category select field in the Catalog (Menu) feature.

Use the code below to edit the width and/or height of the category select field in the Catalog (Menu) feature.

 

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 change catalog category width/height*/
div.tooltip.tooltip-custom {
width:200px;
max-height: 150px;
overflow-y:hidden;
background-color:orange;
top-position:relative;
right-position:relative;
margin-top:40%;
margin-right:15%

}
i.icon.ion-arrow-up-b.dark {
display:none;
}
/** End change catalog category width/height*/

 

4) Click Save.

 

NOTE: Change the width and/or max-height numbers  to fit your needs.

 

Comments are closed.