Dante Nested Columns

[everbeta]

Hello, my site is in maintenance mode, so you will need to be logged in to see this issue. I have a layout which includes a row with a parallax effect (It contains “Undergraduate Programs” and “Graduate Programs”. The layout is exactly as I want it on desktop, but on mobile view, it stacks the columns so the headers are under one another. I have tried to no avail to nest 2 1/2 width columns within the 2/3 width column which is within the full-width parallax row – is this possible ?

I would like the undergraduate programs to be presented above the graduate programs when it stacks the elements on mobile (with headers above each list of programs). Any help would be greatly appreciated. 2 images are attached – desktop and mobile view. Desktop is the way I want it, but in the mobile view the elements are not stacking as I would like them to. Thanks, Colin

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

You need to use 2 Columns one for Undergraduate Programs and one for Graduate Programs, then inside the Underaduate Programs add 2 text boxes and reduce their widths to 1/2

– Kyle

[everbeta]

Hi Kyle, this would work, but I would like the header text “Undergraduate Programs” to span across the two columns below. I tried placing two 1/2 width boxes underneath the header text box within the column where this header is, but cannot seem to do it. Can items be nested this way ? I am attaching a screenshot of how I currently have it.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

You need to update the theme, you’re using an old version

– Kyle