6 replies · opened Nov 1, 2021
My search box displays only as shadow (header of side) if I click "magnifying glass".
Search works ok, but search box is only shadow...
customize the z-index of ".top-search-form" result dont solve this problem.
Please help.
MfG. O. Vetter
Hello,
Thanks for reporting this! There is minor bug in the SCSS Files which causes this issue. Please consider using the updated file attached to this reply.
This will definitely fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hallo,
can I use this file without updating the whole internet presentation? (to the newest version - this brings endless new workload !)
O.Vetter
Hello,
The issue is with the Codes in the SCSS Files. To simply change the Codes directly in the style.css File, find the following code:
[ch_pre type="css"]body:not(.top-search-open .top-search-parent) #logo,
body:not(.top-search-open .top-search-parent) .primary-menu,
body:not(.top-search-open .top-search-parent) .header-misc > *:not(#top-search) {
opacity: 1;
-webkit-transition: padding .4s ease, margin .4s ease, opacity .2s .2s ease;
transition: padding .4s ease, margin .4s ease, opacity .2s .2s ease;
}[/ch_pre]
and replace it with:
[ch_pre type="css"]body:not(.top-search-open) .top-search-parent #logo,
body:not(.top-search-open) .top-search-parent .primary-menu,
body:not(.top-search-open) .top-search-parent .header-misc > *:not(#top-search) {
opacity: 1;
-webkit-transition: padding .4s ease, margin .4s ease, opacity .2s .2s ease;
transition: padding .4s ease, margin .4s ease, opacity .2s .2s ease;
}[/ch_pre]
That's it. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Sorry,
no positiv result.
In my style.css I found:
/* Top Search Animation /
body:not(.top-search-open .top-search-parent) #logo,
body:not(.top-search-open .top-search-parent) .primary-menu,
body:not(.top-search-open .top-search-parent) .header-misc > :not(#top-search) {
/ opacity: 1;/
-webkit-transition: padding .4s ease, margin .4s ease, opacity .2s .2s ease;
/* transition: padding .4s ease, margin .4s ease, opacity .2s .2s ease;*/
}
.top-search-open .top-search-parent #logo,
.top-search-open .top-search-parent .primary-menu,
.top-search-open .top-search-parent .header-misc > *:not(#top-search) {
opacity: 0; }
I replaced it, but no result.
O.Vetter
Hello,
You will just need to replace the part of the code as we have marked in the image attached to this reply.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you!
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard