How can I best design a Fancy Unordered List to use 2 columns?
I tried the basic approach of defining one row with 2 columns, and having 2 lists for the 2 columns, but on mobile there's a spacing that still shows between the end of the first column and the beginning of the next column (that, on mobile, appears underneath), despite my attempts to set things to zero on the backend (margins, paddings).
The space came from the margin-bottom of the ul (unordered list) and container div. I set a static ID (industries) for the row that contained them and then targeted them with:
#industries ul, #industries div { margin-bottom: 0px; }
How can I best design a Fancy Unordered List to use 2 columns?
I tried the basic approach of defining one row with 2 columns, and having 2 lists for the 2 columns, but on mobile there's a spacing that still shows between the end of the first column and the beginning of the next column (that, on mobile, appears underneath), despite my attempts to set things to zero on the backend (margins, paddings).
Is there a better option?
Attached files: screenshot-1729620324993.png
Hey Again,
Thanks for reaching out! .
Try settings a negative top margin on mobile to reduce the gap if setting to zero is not working.
Let me know if this helps! Happy to assist further if needed.
Best,
ThemeNectar Support Team
Hi, Tahir,
The space came from the margin-bottom of the ul (unordered list) and container div. I set a static ID (industries) for the row that contained them and then targeted them with:
#industries ul, #industries div {
margin-bottom: 0px;
}
Glad you got it sorted. Let us know if you need any further help.
Best
ThemeNectar Support Team