Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI
Light
Dark
System
Ask  Question

Remove header / space from demo1?


Hello,

I want to use the demo1-structure but without the horizontal header.

How can the margin-top in/to the header in demo1 be reduced?

I would like to remove the header from the layout, but then I have too much space at the top. This appears to be defined via --bs-app-header-height, however I don't know how/where to change this boostrap value.

If I change the value $app-header-base-height, the distance in the left navigation also moves too far up.

Thanks for some help with this!

Best regards,

Timo


G
Guest 11 months ago
4 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

user
Russel M. 10 months ago

penalty shooters 2 is an engaging and addictive sports game where players take on the roles of both the penalty taker and the goalkeeper. This game captures the tension and excitement of soccer penalty shootouts, allowing players to compete in various tournaments and leagues to become the ultimate champion.
user
Sean Author10 months ago

Hi,

After removing the header please add mt-0 class to the app wrapper element().

Regards.


G
Guest 10 months ago

Thanks a lot - this works fine!

Can you still tell me briefly how I can change and adapt such bootstrap variables?


user
Sean Author10 months ago

Hi,

Please refer to Bootstrap Utility classes.

Regards,
Sean


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(