Navbar-styling: Add bottom border

I want to add a thick line below my Navbar for all platforms.
I thought about doing this by adding a bottom-border to my Navbar.

What would be the best way to achieve this for my navbars on all pages?

Found a solution:

  1. Added a custom class to the navbar-component

<ion-navbar class="navbarStyle">

  1. Added the custom style to app.scss

    .navbarStyle{
    border-bottom: 5px color($colors, secondary) solid;
    // box-shadow: 0px 5px 5px color($colors, secondary);
    }

1 Like