mobile sticky menu

hi, thanks so much for reply. but this is still not working.

hi, thanks for the reply. I did clear cache but still its not working.
here is admin credentials:

url: http://www.diegotrainer.com/wp-admin
user: guest
password: JW&PL1nsRo$37sFCBwjohS3M

Thanks for your time.

http://www.diegotrainer.com/wp-admin
user: guestuser
password: tcbojXMVUGPLQ#)ARLUw3Vxz

Hi, please try now. I tested user and it’s logging in the admin panel normally.

Just updating, I had a freelance developer do the css modifications for me and he did a very poor job. What i want to accomplish is:

– accurate sticky menu on top of screen (no gaps between menu and the top)
– upon starting scrolling down: header height and logo should resize to 50% of original size, and align logo to left.

Thanks in advance,
Diego

hi, i already made a backup of that. you can overwrite it all. its ok.

thanks you.

hi thanks for your reply. i tried the code provided and now the top menu is sticky too, and there is a gap between top of the screen and menu. So still no luck :/

Hi, i have now updated the site with latest kleo theme. And I have applied your code and i am presented with the following problems/missings:
– logo image is not displaying on mobile;
– the space between the main headline “Online Personal Training” and the header is gone giving the website a weird looks on mobile;
– “– upon starting scrolling down from the very top, header height and logo size should resize to 50% of original size, and align logo to left. And should return to default when page is fully scrolled up to the very top” – this still not happening.

I have changed the admin credentials to:
http://www.diegotrainer.com/wp-admin
user: kleo_support
password: ZBxXSaAiPeCdNB@G@KHUImxC

I appreciate your assistance.
Diego

Hi I’m not interested in your expensive developing rates. I had already paid a developer to do it and It was less than a few css code lines and you can’t do it on support of this plugin? Unfortunately his changes got lost after I formatted my server. Don’t be so greedy. You are ruining kleo support.

Thanks so much. it works perfectly.

Best Regards,
Diego

Hi, i have made my menu header background transparent through theme options and now my header background is weirdly showing black on mobile when it should be just transparent. However when scrolling down the sticky header background does turn transparent as expected as i am using this css code that you have provided: `@media(max-width:991px){

div#undefined-sticky-wrapper.is-sticky .kleo-main-header{
position: fixed !important;
width: 100%;
margin-top:-35px;
}
div#undefined-sticky-wrapper.is-sticky .kleo-main-header img#logo_img,
div#undefined-sticky-wrapper.is-sticky .kleo-main-header .navbar-header {
height: 40px !important;
line-height: 50px !important;
-webkit-transition: all 0.5s ease;
}

}`

So how to make the header background transparent as it should be initially while making the header background to be white when scrolling down on code above?

Regards,
Diego