On my website home page, I have links to 5 specific pages. On a desktop, because it's an odd number of links, it displays lopsidedly--2 rows of 2 links, then one row of 1. The final row (with one) sits off to the left with a blank space on the right.
Is there any custom CSS I can use to "fix" the last line, so it either sits centered, or stretches to the same width as the rows with two links?
Centering Final Item on Index Page
in Customize with code
Posted · Edited by ariballaban
Solution found.
Hi all,
On my website home page, I have links to 5 specific pages. On a desktop, because it's an odd number of links, it displays lopsidedly--2 rows of 2 links, then one row of 1. The final row (with one) sits off to the left with a blank space on the right.
Is there any custom CSS I can use to "fix" the last line, so it either sits centered, or stretches to the same width as the rows with two links?
The website is https://arijun.com/, and the template is York.
Thanks!
EDIT: Figured this out myself. I realize the solution probably looks simple to most, but it took me a while to sort it out! Added the following:
#index-section-home1 {
width: 100% !important;
}