YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar donato.matturro asked

stiky and transparent menubar on finch

Hi,
in this website, http://friulinox.f14web.pro/ in some page, product - chi siamo - video the sticky bar work fine, but in other pages hi5 - news - corsi, don't work correclty:

the page load with

<div data-uk-sticky="{media: 767, top: '.uk-sticky-placeholder + *', animation: 'uk-animation-slide-top', clsactive: 'uk-active uk-navbar-attached'}" style="position: fixed; top: 0px; width: 1519px;" class="uk-sticky-init uk-active uk-navbar-attached">

how I've already scroll down the page.

The pages style is the same, (without top-a full screen option) and I don't understand this different behavior.

Could you help me plese?

  • UIkit
  • Finch

13 Answers

1

Avatar nemanja Support answered

i see what you mean ok i change d all css and one small thingin the theme.php

http://friulinox.f14web.pro/corsi
this page has a white background so i put transparent black

/**/  
nav.tm-navbar.uk-navbar { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; }  

.uk-navbar-attached { background: transparent; }   

/*sticky bar For other pages*/   
.uk-active nav.tm-navbar.uk-navbar{   
  background:#000 ;   
}  


/*sticky bar For homepage */  
.fr-home .uk-active nav.tm-navbar.uk-navbar{ background:#000; }  
/**/  
.fr-home nav.tm-navbar.uk-navbar {  
    background: transparent;  
}  

i tested it extensively and work fine
theme.php i replaced line 45 <div <?php echo $sticky; ?>> with <div data-uk-sticky="{top:-100}">

0

Avatar nemanja Support answered

sticky bar --> you mean the menu?

i checked the site and all works fine

0

Avatar donato.matturro answered

Hi nemanja,

Yes I mean the stiky bar of the main menu of all pages excluded the homepage.

I would like that when load page the background is trasparent, and when I scroll down the background change.

Actually, when I load the page, the background already active.

Could you help me pleas?

Regards
Emanuele

0

Avatar nemanja Support answered

Editing file "/styles/friulinox/css/custom.css" in template "yoo_finch".

/*For other pages sticky*/  
.uk-sticky-init.uk-active.uk-navbar-attached.uk-animation-slide-top{  
  background:#000;  
}  
/*For homepage sticky*/  
.fr-home .uk-active.uk-navbar-attached.uk-animation-slide-top{  
  background:transparent;  
}

check it out and edit it yourself as well

if this is the answer please mark as resolved

0

Avatar donato.matturro answered

Hi nemanja,
thank you for your reply.

I've check now that all pages (excluded homepage) load with this istruction:

<div data-uk-sticky="{media: 767, top: '.uk-sticky-placeholder + *', animation: 'uk-animation-slide-top', clsactive: 'uk-active uk-navbar-attached'}" style="position: fixed; top: 0px; width: 1519px;" class="uk-sticky-init uk-active uk-navbar-attached">

For that you istruction seem don't work well.

Do you have some idea?

Thank you
Emanuele

0

Avatar donato.matturro answered

Hi nemanja,
do You have some news?

please, there are just days to go live with this website _/_

Regards :)
Emanuele

0

Avatar nemanja Support answered

I thought i had something setup on yoyr site, justforgot to teply i need to login and check

0

Avatar nemanja Support answered

dont put username and pass publicly visble

i will check now, sorry my kid had a small surgery and i don t have time to support the forums lately

thanks for reminder, checking now

Know someone who can answer? Share a link to this question via email or twitter.