August 2020 – DevNotes

First add <i class=”fa fa-star”></i>Home to the menu.

Then add this CSS

.main-nav-menu-hc img{
	  opacity:0;
	  transform:rotate(180deg);
margin-right:3px;
transition:0.3s ease;
}

.main-nav-menu-hc .elementor-item:hover>  img,
.main-nav-menu-hc .elementor-nav-menu--dropdown a:hover>img
{
	  opacity:1;
	  transform:rotate(0deg);
}

.main-nav-menu-hc .main-nav-menu-hc .elementor-item {
    color: #4b68ad;
    padding-left: 10px;
    padding-right: 10px;

}

.main-nav-menu-hc .elementor-nav-menu--main .elementor-item {
    color: #4b68ad;
    padding-left: 10PX;
    padding-right: 10px;

}

.main-nav-menu-hc .elementor-nav-menu--dropdown a>img{
	display:inline-block;
		color:#f5c826;
 transform:rotate(180deg);
margin-right:3px;
		  opacity:0;
	transition:0.3s ease;
	
}

.main-nav-menu-hc .elementor-nav-menu--dropdown a{
		text-align:left;
	display:inline-block;
	width:100%;
	
}

@media (max-width:1024px){
 .hc-mobile-menu .elementor img,
 .hc-mobile-menu .elementor-nav-menu--dropdown a>img{
    display:none !important;   
}
 .hc-mobile-menu .elementor-nav-menu--dropdown a{
     text-align:left;
     display:inline-block;
    width:100%;
 }
}

//** *Enable upload for webp image files.*/ function webp_upload_mimes($existing_mimes) { $existing_mimes['webp'] = 'image/webp'; return $existing_mimes; } add_filter('mime_types', 'webp_upload_mimes');

//** * Enable preview / thumbnail for webp image files.*/ function webp_is_displayable($result, $path) { if ($result === false) { $displayable_image_types = array( IMAGETYPE_WEBP ); $info = @getimagesize( $path ); if (empty($info)) { $result = false; } elseif (!in_array($info[2], $displayable_image_types)) { $result = false; } else { $result = true; } } return $result; } add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

Month: August 2020

Elementor menu Iocn on hover

Upload webp images on WordPress