vapid temple
Currently I got a NextUI Navbar and my website content. I struggle aligning the header with the website content.
The header gets aligned by flexbox and the website content with an auto margin. Any idea how to
"sync" the spacing?
Here the website: https://edumfa.io
hollow knot
we need to see your code buddy
for example i have my nav bar looking like this
<NextUINavbar maxWidth="xl" position="sticky" isBordered isBlurred>
vapid temple
we need to see your code buddy
hollow knot
and for my case the maxWidth is responsible for that
ok so i think you need to change the min-h-screen to the same width as your section that's right under the header
you should see either on your section page or component or one the layout
vapid temple
ok so i think you need to change the min-h-screen to the same width as your sect...
isn't min-h-screen just responsible for the height?
hollow knot
try to put maxWidth="" prop to the <navbar>
hollow knot
isn't min-h-screen just responsible for the height?
yeah right i talked too fast
vapid temple
try to put maxWidth="" prop to the <navbar>
tried that, but it unfortunately doesn't affect the nav bars behavior .
hollow knot
why don't you separate the navbar component at first then we'll see how it reacts
create a component inside the components folder name it navbar
and then put on the layout page
hollow knot
yeah it looks great like that
i mean there's work to do on it
can i download your code to check it out by myself?
vapid temple
sure
