Hi there,
To remove the Sort By option kindly add the CSS code below to X > Launch > Options > CSS:
.esg-sortbutton {
display: none !important;
}
.esg-sortbutton-order {
margin-bottom: 5px;
}
What do you mean by color navigation? Would you please give us more detailed information to be able to help you around?
For the order of the filters please kindly add the code below to X > Launch > Options > CSS:
.esg-filter-wrapper {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(1) {
order: 1;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(2) {
order: 2;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(3) {
order: 3;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(4) {
order: 4;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(5) {
order: 5;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(6) {
order: 6;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(7) {
order: 7;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(8) {
order: 8;
}
.esg-filter-wrapper .esg-filterbutton:nth-child(9) {
order: 9;
}
In the code above change the order numbers as you like.
Please consider that the options you like is part of customization process and Essential Grids does not have such functionalities and the codes given is to help you get started with the customization. We will not be able to implement the customization for you.
For the Feature Box logo, I think the 468 pixels will be a good point. Kindly add a code like the one below:
@media (max-width: 468px) {
.x-feature-box-graphic img {
max-width: 80px;
}
}
Thank you.