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?
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 ![]()
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.

