nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Page Layout: How to reduce the space between columns in a Two-Column Section

Hi there,

I'm trying to reduce the space between columns in Two-Column Section page layout. Please see the image below (area in referenced is circled).

I just want to reduce that space. I've tried the other page layout options and no matter how I size my table column in the right section it requires a little scrolling to the right to see the full table.

I've searched on how to do this. I've tried adjusting the column width with using your macros. Nothing seems to work.

Would really appreciate you assistance in this matter. Thanks so much in advance. Looking forward to your response. - Aaron

Screen Shot 2022-01-25 at 1.03.51 AM.png

Accepted answers

Hi @Aaron Stella

Welcome to Confluence!!

Use Columns Macro instead of Page Layouts macro

Please refer to this documentation on how to make the page responsive

https://confluence.atlassian.com/doc/page-layouts-columns-and-sections-275188613.html

Thanks,
Pramodh

All comments

Hi @Aaron Stella

Welcome to Confluence!!

Use Columns Macro instead of Page Layouts macro

Please refer to this documentation on how to make the page responsive

https://confluence.atlassian.com/doc/page-layouts-columns-and-sections-275188613.html

Thanks,
Pramodh

Define the width of the left and right column to be 50% each.

Does your table have fixed widths set? And have you tried the layout option that has a narrow left column and wide right one?

I did. It did not work, but thanks for the response! I got an answer from a community leader below. Thanks so much for your input though!

Perfect!

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

server

confluence-server