Transparent static navbar

Questions
1

Is it possible to make the background of the static navbar transparent (without affecting the text)? For example:

image

OP edit

I have been able to achieve this by adding the following class to the navbar:

.navbar-trans { 
  background-color: transparent !important;
}

However is there a better way to do this using a Framework7 class?

2

Better way is to use correct CSS variable https://framework7.io/docs/navbar.html#css-variables

--f7-navbar-bg-color: transparent;
1 Like