I need help with removing the navigation bar completely from the website when I remove it from html it just makes (!) another white bar in the bottom
It also appears when I resize the chrome tab
I want to get rid of all of this..
Canva website example: https://www.canva.com/design/DAFCSBRJ9Oc/J8MP4clHYoNIJNTN2wDFyA/view?website#4
I have already looked up google but my limited experience in code can't help me here.
Please help
Its possible that the body may not be spanning across the full height of window. try giving height 100vh to main container and adjust the height of inner child DOM accordingly
Altough removing from HTML should work, Canva their website builder could be injecting this navigation bar, resulting into the problem you are having.
Add this CSS rule to completely hide the navigation bar.
.QnQnDA {
display: none;
}
please provide the code in a snippet included in the answer to help future programmers as well.
In your case just remove the <div class="QnQnDA" ... and the white bar will be removed but depending on the window size of the browser you are seeing it you will see a white bar at the bottom because there is a filler element that fills everything below the content (element with class=_2qaR-A). If you want to change this color assign a CSS style or an inline style to this element or choose another way to deal with the remaining space below the content.