Plugin is Great But Need Little Support?

Hi Developers:

First of all your plug-in is the best choice of components for me. I used it without legacy mode and .element-is-sticky css classes work fine for me. However, i need some support.

My sticky element is #site-header and i added it .3s transition between mode changes. I have 2 problem with it:

1) It is not responsive while not using legacy mode. When using Legacy mode it is fully responsive when it turns to sticky but little scrowing down shows duplicate menus in 1s is bad for me. Also, .element-is-sticky classes does not work when it is on Legacy mode so transitions are not smooth

2) I want to decrease and fits maybe 50px line height to all contents of sticky element (#site-header). What i mean is displayed in link below:
https://coach.oceanwp.org/

To briefly i want to works my menu like in the link above. My css codes are below for not using Legacy mode:

#site-header.element-is-sticky {

transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
	background:#333;
	opacity:.90;
	content:50px;
	font-size:75%;
}

#site-header.element-is-not-sticky{

transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
     background:transparent;
	
}

As i noted my website is : kutujoy.com

Thanks in advance and have a great days

• This topic was modified 6 years, 9 months ago by kutujoy.

The page I need help with: [log in to see the link]