Right Module Position Wrong Width
Karen Dunne
Hi,
This page, https://nicheslandtrust.org/news uses a module in the right position. It's expected that it would take up the whole column but it doesn't. Helix layout settings are set for the right position to render on the right side of the mainbody.
Please see these screenshots for explanation: https://monosnap.com/file/rQ3NDyjTFgyrsGVkt5p7a3VsXXiVyJ https://monosnap.com/file/CSx1dfC658GX0bOJ0pEu5Dx9ZfKE21 https://monosnap.com/file/gdkg0vwlGaoOBpPnrqKyVqBdtSYjdu https://monosnap.com/file/HRdQ32QSg7xfoY1knJViqeGwYujywh
Content on other pages that also use a right position module, e.g. https://nicheslandtrust.org/job-opportunities, do render in the entire container.
How to get the right module position to take up the full column on that news menu item?
Thanks,
Karen
Paul Frankowski
Accepted AnswerHi Karen.
To be honest You forced that layout using that (easy to miss)
@media (min-width: 1400px) {
.itemid-363 .col-lg-8 {
flex: 0 0 auto;
width: 58.666667%;
}
}in custom.css file. That's why component area in 1st column (col-lg-8) is smaller than it should be, and right column is not right align. Remove "width: 58%" and will be OK.
OR keep 58% but make 2nd column (sidebar) wider.
100% - 58.6666% = 42.3333% || Simple math :]
Paul Frankowski
Accepted AnswerBTW
That site has nice logo, very creative ;) in general, www look nice, my earth colors.
Karen Dunne
Accepted AnswerAh, for heaven's sake, the CSS was one up from where I was looking. Geez, sorry about that. I was staring at this for a long time before posting. I added that media query originally but something must have changed that made it irrellevant now.
Thank you for catching it. I appreciate it.