How can I remove image and mask from top of landing page tem

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: How can I remove image and mask from top of landing page template without damaging Nav?

Dean Westover pro asked 6 years ago

How can I remove the image and mask from the top of your sample landing page template? When I remove the image/mask , the navigation bar disappears when I scroll up.Dean

Marta Szymanska staff pro premium answered 6 years ago

Hi, if you use templates from our package, and you want to have this file landing-page.html without intro (image and mask), just remove whole intro section from HTML, remove almost the whole code from <style></style tags, leave just this code: footer.page-footer { background-color: #9da4b1; } add this code: .navbar { background-color: #9da4b1 !important; } remove this class .full-height from <html> tag and add .pt-5 class to <main> tag. Best, Marta

Dean Westover pro commented 6 years ago

Thank you Marta. You were very helpful.

Marta Szymanska staff pro premium commented 6 years ago

You're welcome.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Dean Westover
Pro User
0Support score
1Questions 0Answers
0Snippets likes 0Snippets