Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
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 2 years ago
4 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

user
Russel M. 2 years 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 Author 2 years ago

Hi,

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

Regards.


G
Guest 2 years ago

Thanks a lot - this works fine!

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


user
Sean Author 2 years ago

Hi,

Please refer to Bootstrap Utility classes.

Regards,
Sean


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(