Header and Nav into transparenty

Support
#1

Position OK !, but the background color White should be away!

#2

Hi @Frankonedesign,

Please try adding this custom CSS under Theme Options > CSS:

header.masthead.masthead-stacked {
    position: absolute;
    width: 100%;
}

.x-navbar,
.x-logobar,
.x-logobar-inner {
    background: transparent;
    border: none;
    box-shadow: none;
}

Hope it helps :slight_smile:

#3

Hello,
yes it is the solution. Thank You!

#4

Hello,

after scrolling I want the nav-background transparenty-white for example 20% or 30% white
Thank You for further helps

#5

Hey @Frankonedesign,

Please add this code well:

.x-navbar.x-navbar-fixed-top {
    background-color: rgba(255,255,255,0.6);
}

Hope this helps.

#6

Thank You for your help. It is OK!

#7

Hi @Frankonedesign,

In case you want to read more related to the previous suggestion, please check these links:

#8

Small screens (mobil - the same) - Content for example Headlines goes over nav. What is the problem?
Thanks for further helps

#9

Hi @Frankonedesign,

Please change the previous CSS to this:

.x-navbar.x-navbar-fixed-top {
    background-color: rgba(255,255,255,0.6);
    z-index: 9999;
}

Hope it helps :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.