right module position wrong width - Forum | JoomShaper
Solved Helix Framework

right module position wrong width

Asked by Karen Dunne 1 year ago Last activity 1 year ago

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

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

Hi 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 :]

2 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
1 year ago

BTW

That site has nice logo, very creative ;) in general, www look nice, my earth colors.

Karen Dunne Asked this
1 year ago

Thank you. I love the logo, and it's one of my favorite sites visually. Lots of great photography to work with.

Karen Dunne Asked this
1 year ago

Ah, 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.

Log in to reply.