Hi there,

short update. I found someting …
https://kriesi.at/support/topic/floating-button/

looks I have the half way. Still two problems
1) The button still disappears behind images and the font of the homepage.
2) the button always starts at the top of the page and not at the color section where i put it in.

Thanks a lot!!
gg

Hey there,
update again!
1) solved. I found it there

2) still open!

Thanks!
gg

• This reply was modified 10 years, 3 months ago by greengraphicsvienna.

Hi Elliott,

thanks for your reply and the code!

Does it really on yours? My boss has a bigger screen and the height doesnt fill out his entire screen. On mine it does because i set it on 510. The height of my laptop. Is it maybe something like this??
Also on my tablet the height of the slider doesnt fill out the entire screen. I can read something below.

div#layer_slider_1 {
height: auto!important;
}

Cheers
gg

Hey Andy,
deactivating all plugins doesn´t change anything. The facts:
DESKTOP:
– Icons from “Icon List” are hidden (aria-hidden=”true”)
MOBILE:
– Icons from “Icon List” are shown
– Menu icon is shown but menu does not show up on klick

I think I have worked it out actually. I combined several elements (some from another thread here, and code from another location independent of Kriesi and came up with the below – could you review and let me know if you see anything that may cause an issue?

#header_main {
background: rgba(10,49,103,0.90);
background: -webkit-linear-gradient(top, rgba(10,49,103,0.90), bottom(10,49,103,0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, rgba(10,49,103,0.90), bottom(10,49,103,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, rgba(10,49,103,0.90), rgba(10,49,103,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgba(10,49,103,0.90), rgba(10,49,103,0)); /* Standard syntax (must be last) */
}

Thanks Elliot i have done it and it works fine to place it in header menu but i would like as possible to place it in the secondary menu ( where we can place phone number on the top of page).

Have a nice day

Basically, judging on that thread and another i have used, I want to add something like this to the transparent header:

background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 49, 103, 0.60)), to(rgba(10, 49, 103, 0)));
background: -moz-linear-gradient(top, rgba(10, 49, 103, 0.60), rgba(10, 49, 103, 0));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’rgba(10, 49, 103, 0.60)’, endColorstr=’rgba(10, 49, 103, 0)’);

Would that work? How could I implement it?

Oke

• This reply was modified 10 years, 3 months ago by gertbakker.

No, i just updated theme & wp and everything went loose. Yes i completely overwrote everything.

Any ideas why i get this java error?

Edit.
Maybe it has something to do with this?
https://kriesi.at/support/topic/fyi-wp-4-4-1-jquery-updater-2-2-0-breaks-lots-of-modules/

Edit.2
Confirmed, i deactivated the updater and everything works now. So if you have problems like this, deactivate your jQuery Updater.

• This reply was modified 10 years, 3 months ago by mambalaya.

Elliott:

I am so close in getting this to work, but I have achieved it yet. The weather widget is right on top of the date widget. I changed the positioning numerous way, but to no avail. Suggestions? Sorry the page kept timing out. The site is esomethin.com/yoursource.

Here is the code I used:

#header .widget {
left: 49%;
padding-top: 15;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}

#header .widget:nth-child(2) {
position: absolute;
top: -50px;
right: 400px;
}

Thanks,
K