Horizontal line span width of entire post

[kofflerarts]

Hello!!

I am having some issues regarding horizontal lines. I am trying to insert a horizontal line that spans the entire width of the page.

I read up on this topic before posting, and have tried many of the given solutions but nothing has worked yet. I have “fullwidth post” template selected, global containers off, and have input a width and max-width of the line to be 100vw. This seems to be working on desktop, but I am having issues on mobile with it creating a side scroll on large and small mobile.

Any help would be much appreciated! Thanks.

[friech]

Hi @addyjohnson,

Thank you for writing in, as you might already notice the main container (.x-container.max.width.offset), has a max-width: 2000px; and width: 90%;, that means you’re forcing your line (100vh) to go outside of that boundary. To resolve this issue, you need the width of the main container to be 100% first, then work your way down to the content.

Regretfully, we can not provide further support for customization, it would ultimately be your responsibility to take it from here.

Hope it helps,
Cheers!

[kofflerarts]

Thank you so much! I didn’t notice that before, and it fixed my issue.

Best!

[marc_a]

Hi @addyjohnson,

We are glad that we’re able to help you.

Thank you.