Florian

[Florian]

I found the error….
Thank’s!

[Florian]

Hi,
after I tested this code in the Quick css

.socket {
bottom: 0;
position: fixed;
width: 100%;
height: 5;
}

the Go Up button disappeared for ever…
Quick css is now emty and the Go Up button is activated in the Thememenu, but the Go Up button is disappeared.

[Florian]

I have the solution:

COPY CODE

.navbar-transparent #header .is-sticky .kleo-main-header.header-normal {
background-color:rgba(0,0,0,0.4);
}
.navbar-transparent #header .is-sticky .kleo-main-header.header-normal.header-scrolled {
background-color:black;
}

Thank you for your effort.

[Florian]

It is not working.
It is all the time with this code transparancy (half dark gray). It changes not to a full color by scrolling.

[Florian]

Hi,
thanks for your reply.

I know the Hex Color Codes. I took only black for example in the code 😉

I tested again the css code and it is not working together.

.navbar-transparent .navbar .kleo-main-header.header-scrolled {
background-color: #000;
}
.navbar-transparent #header .is-sticky .kleo-main-header {
background-color: rgba(0,0,0,0.4) !important;
}

If I use the code separately, it work perfektly:
Only this:

.navbar-transparent #header .is-sticky .kleo-main-header {
background-color: rgba(0,0,0,0.4) !important;
}

or only this:

.navbar-transparent .navbar .kleo-main-header.header-scrolled {
background-color: #000;
}

but I need it together.

How I mean:
1. You load the website. => Menu is transparancy.
2. You scroll down the website. => Menu changes from transparancy to full color.

Example is attached 😉

Attachments:

You must be logged in to view attached files.

[Florian]

Thank’s, but this is not working.
I put the css code in the “General settings – Quick CSS”.

COPY CODE

.offcanvas-type-default .offcanvas-sidebar {
background: #ffffff;
}
 
.offcanvas-sidebar {
width: 400px;
}

offcanvas-right.offcanvas-type-default .offcanvas-sidebar, .offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar {
-webkit-transform: translate(400px,0);
transform: translate(400px,0);
}

ul.offcanvas-menu {
display: none;
}

But now the menu is always visible with the new width, but without to press the button to open the sidemenu.
If you press the button now for open/close the sidemenu – the sidemenu moves with the old width.

thank’s!

[Author]

Posts