rajudhaka

Elementor menu hover icon

Nov 20th, 2019
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.19 KB | None | 0 0
  1. .menu_icon_star .elementor-item>i{
  2. color:#f5c826;
  3. opacity:0;
  4. transform:rotate(180deg);
  5. margin-right:3px;
  6. transition:0.3s ease;
  7. }
  8.  
  9. .menu_icon_star .elementor-item:hover>i{
  10. color:#f5c826;
  11. opacity:1;
  12. transform:rotate(0deg);
  13. margin-right:3px;
  14. transition:0.3s ease;
  15. }
  16.  
  17. .menu_icon_star .elementor-nav-menu--dropdown a:hover>i
  18. {
  19. color:#f5c826;
  20. opacity:1;
  21. transform:rotate(0deg);
  22. }
  23.  
  24. .menu_icon_star .elementor-nav-menu--main .elementor-item {
  25. color: #4b68ad;
  26. padding-left: 10px;
  27. padding-right: 10px;
  28.  
  29. }
  30.  
  31. .menu_icon_star .elementor-nav-menu--main .elementor-item {
  32. color: #4b68ad;
  33. padding-left: 10PX;
  34. padding-right: 10px;
  35.  
  36. }
  37.  
  38. .menu_icon_star .elementor-nav-menu--dropdown a>i{
  39. display:inline-block;
  40. color:#f5c826;
  41. transform:rotate(180deg);
  42. margin-right:3px;
  43. opacity:0;
  44. transition:0.3s ease;
  45.  
  46. }
  47.  
  48. .menu_icon_star .elementor-nav-menu--dropdown a{
  49. text-align:left;
  50. display:inline-block;
  51. width:100%;
  52.  
  53. }
  54.  
  55.  
  56. @media (max-width:1024px){
  57. .menu_icon_star .elementor-nav-menu--main .elementor-item i,
  58. .menu_icon_star .elementor-nav-menu--dropdown a>i{
  59. display:none ;
  60. }
  61. .menu_icon_star .elementor-nav-menu--dropdown a{
  62. text-align:left;
  63. display:inline-block;
  64. width:100%;
  65. }
  66. }
Advertisement
Add Comment
Please, Sign In to add comment