[Vuejs]-Remove Gap between navbar and carousel in materialize use vuejs and laravel

by

0👍

✅

To fix you should remove the bottom margin (added by Materialize-CSS) of the row class and the input element inside your nav.

The following css snippet should fix your problem:

/* remove input bottom margin */
nav .input-field input[type='text'] {
  margin-bottom: 0;
}
/* remove .row bottom margin */
nav .row {
  margin-bottom:0;
}

Leave a comment