Kishorchandth

/* Header is the css class to wrap both logo*/
.header{
display: block;
}
/* Image is the css class for both the Logo (see image above)*/
.image{
width:20%;
transition: width 350ms ease-in-out;
}
.elementor-sticky--effects .image{

Kishorchandth

.header--display{
background: transparent;
padding: 2% 0;
transition: background .3s ease-in-out,
padding .3s ease-in-out;
}

Kishorchandth

.elementor-sticky--effects.header--display{
background: #fbfbfb;
padding: 1% 0;
}

Kishorchandth

.site--logo .elementor-image img{
width:60%;
transition:width .3s ease-in-out;
}

Kishorchandth

.elementor-sticky--effects   .site--logo   .elementor-image img {
width: 55%; /* adjust your width*/
}

Kishorchandth

.site--nav .elementor-nav-menu--main .elementor-item{
color:green;
font-size: 16px;
transition:color .3s font-size .3s ease-in-out;
}

Kishorchandth

.elementor-sticky--effects   .site--nav  .elementor-nav-menu--main .elementor-item{
color:red;
font-size: 14px;
}

Kishorchandth

/**
  * This PHP will load on every page and post
  */ 

function add_this() {
?>
/**
  * Follow this step:
  * #1 - visit the link -http://prntscr.com/u7ukyw
  * #2 - Add this src - http://prntscr.com/u7ul9j

Kishorchandth

/**
  * This PHP will load only on blog post
  */

function add_this() {
	 if( is_single ( ) ) {
?>
/**
  * Follow this step:
  * #1 - visit the link -http://prntscr.com/u7ukyw

Kishorchandth

/* 
* Transparent to sticky header
* 
*/

.sticky-header{
    background-color: transparent!Important;
    padding: 2% 0;
    transition: 
      background-color 300ms linear,