Horizon theme faq section

Hello. I’m having trouble aligning the faq section in the horizon theme. right now it stretches across the page on the desktop. I want that faq section to be more narrow and I want a picture to the right side of it. like table with two cells right and left. Is that possible?

Hi @augustusmaximus

Yes this is definitely possible in the Horizon theme.

You can create a 2-column layout:

  • Left side → FAQ accordion section

  • Right side → Image/banner

This can be done with custom CSS or a custom section layout. Usually, display: grid or flexbox is used to make the FAQ section narrower and place an image beside it.

.custom-faq-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

On mobile, it can automatically switch to a single-column layout as well.

Best regards,
Devcoder :laptop:

In Horizon you do not need any code to achieve that.

Just properly configure the theme using “Custom section” with “Horizontal” layout on desktop and “Image” block with 50% width:


Hello @augustusmaximus

Yes you can in Horizon but the default FAQ is set to full width content day span = content width. A common solution is to use two columns (with a Custom Liquid section or via a page builder app) and insert the FAQ accordion in one column and a visual in the other. If you know how to edit theme code, you can also wrap the FAQ in a narrower container and use CSS grid/flexbox to show side by side on desktop and stacked on mobile.

thank you! so many options! I used the first and last one, they both work.