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; } } }

Moving to percentage based layout.

sam_cancer

Hello,

We are using pixel based fixed width layout for our components in our project.
Now, we want to move to percentage based layout but our components are not picking up the percentage values from CSS stylesheets in teamsite/livesite. I will highly appreciate your help.

Regards,
Sameer

Find more posts tagged with

Comments

rexstaples

Due to the nature of the wysiwyg layout the geometry for each component's container in the page editor is going to use fixed pixel-based values. That said, the component HTML may use relative based widths so that the components will fill to expand into the entire space allocated for the component in the page editor.