SHARE
    TWEET
    coffeeandphotos

    Mega Rejuve menu backup

    Apr 9th, 2025
    655
    0
    Never
    Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
    CSS 1.74 KB | None | 0 0
    1. //MEGA MENU
    2. .mega {
    3. position: absolute;
    4. width: 100%;
    5. opacity: 0;
    6. left: 0;
    7. bottom: 0px;
    8. visibility: hidden;
    9. pointer-events: none;
    10. transition:transform 1s ease;
    11. transform: translate(0,95%);
    13. &:after {
    14. position: absolute;
    15. left: 0;
    16. content: '';
    17. height: 100%;
    18. width: 100%;
    19. z-index: -1;
    20. background: transparent;
    21. top: 5px;
    22. transform: translate(0,-100%);
    24. }
    26. }
    28. .mega:hover {
    29. opacity: 1;
    30. visibility: visible;
    31. pointer-events: auto!important;
    32. -webkit-transition-delay: 0s;
    33. -o-transition-delay: 0s;
    34. transition-delay: 0s;
    35. transform: translate(0,100%);
    36. & * {
    37. pointer-events: auto;
    38. }
    39. }
    40. .folder a {
    41. pointer-events:none;
    42. }
    43. .folder:hover {
    44. & + .mega {
    45. opacity: 1;
    46. pointer-events: auto!important;
    47. visibility: visible;
    48. transform: translate(0,100%);
    49. }
    50. }
    52. @media (min-width:991px) {
    54. .folder {
    55. z-index:99999 !important;
    56. .header-nav-folder-content {
    57. display: none;
    58. }
    59. }
    60. .header-nav-item,
    61. .header-title,
    62. .header-actions {
    63. z-index: 9;
    64. position: relative !important;
    65. }
    66. .header-background,.header::before,
    67. {
    68. pointer-events: none!important;
    69. }
    71. .header-display,
    72. .header-inner {
    73. position: static!important;
    74. }
    76. }
    78. //LEFT ALIGN TEXT
    79. .mega {
    80. p,h2,h3,h1 {
    81. text-align:left;
    82. }
    83. //remove underlines in links
    84. p a {
    85. border-bottom:0px !important;
    86. }
    87. }
    89. .section-background-content img {
    90. visibility:visible !important;
    91. }
    93. //background color
    94. //Mega Menu Background color
    95. .mega {
    97. .section-background {
    98. background-color: #EBEAEB !important;
    99. }
    101. }
    102. //padding
    103. .mega {
    104. .content-wrapper {
    105. padding-top: 5vh !important;
    106. padding-bottom: 5vh !important;
    107. }
    108. }
    109. //typography
    110. .mega {
    111. h3 {
    112. font-size:18px;
    113. font-family: Poppins;
    114. }
    115. h1,h2,h3,h4, p {
    116. text-align:left;
    117. line-height: 1.8;
    118. }
    120. }
    121. //END MEGA MENU END
    Advertisement
    Add Comment
    Please, Sign In to add comment
    Public Pastes
    We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
    Not a member of Pastebin yet?
    Sign Up, it unlocks many cool features!

    AltStyle によって変換されたページ (->オリジナル) /