artemsemkin

Rhye theme: overriding logo version on mobiles

May 23rd, 2021 (edited)
508
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.71 KB | None | 0 0
  1. @media screen and (max-width: 991px) {
  2.   /* Default header: Show primary logo */
  3.   body.elementor-page-1224 .logo__img-primary {
  4.     opacity: 1 !important;
  5.     visibility: visible !important;
  6.   }
  7.  
  8.   /* Default header: hide secondary logo */
  9.   body.elementor-page-1224 .logo__img-secondary {
  10.     opacity: 0 !important;
  11.     visibility: hidden !important;
  12.   }
  13.  
  14.   /* Sticky header: hide primary logo */
  15.   body.elementor-page-1224 .header_sticky .logo__img-primary {
  16.     opacity: 0 !important;
  17.     visibility: hidden !important;
  18.   }
  19.  
  20.   /* Sticky header: show secondary logo */
  21.   body.elementor-page-1224 .header_sticky .logo__img-secondary {
  22.     opacity: 1 !important;
  23.     visibility: visible !important;
  24.   }
  25. }
Add Comment
Please, Sign In to add comment