Hello everybody,
I want to have small icons on the left of the title as shown below:
I came up with an idea to use 6 columns (3 for icons and 3 for texts). My problem now is that icons are too far away from titles due to the width of the columns and the texts look squeezed (see below).
The solution I am looking is - how should I reduce the width of columns with icons and increase those with texts?
Any other alternatives to get same or similar result are welcome!
Thanks in andvance!
Share the store URL…
Here it is https://meno-platforma.myshopify.com/
Password: yapowy
Hi @Diogen_Sin
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
-Go to Online Store->Theme->Edit code
-Asset-> base.css paste the below code at the bottom of the file.
.multicolumn-list li:nth-child(2n+1) {
max-width: 3%;
}
.multicolumn-list li:nth-child(2n+1) * {
width: 100%;
}
.multicolumn-list li:nth-child(2n) {
max-width: calc((100% -9%)/3);
}
Hope my solution works perfectly for you!
Best Regards;
PageFly
Your solution worked perfectly. Thanks a lot! 
you are welcome, I am glad when can help you
