Last updated instead of published date

Last updated instead of published date

Astra Theme Visual Hooks Map

Using hooks in Astra Using hooks in Astra (map below):

Change the direction for submenu opening

ast-left-align-sub-menu Add a CSS classe ast-left-align-sub-menu to the parent menu so that their sub menus will open to the left instead of right.

Animated item in top menu

How to make an animated item in a primary menu in Astra Code that needs to be added in a Theme Customizer's Additional CSS section: .menu-badge { font-size: .5em; margin-left: 2px; position: relative; top: -10px; margin-bottom: 13px; color: #ffffff; background-color: #cd5c5c; padding: 1px 3px; border-radius: 3px; line-height: 1.5em; } .badge-bounce { animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both; } @keyframes bouncing { 0%{top:-6px} 100%{top:-10px} } In a ...

Astra Theme sub-menu top arrows

Astra Theme sub-menu top arrows @media (min-width: 920px) { .ast-desktop .ast-above-header-menu.submenu-with-border .sub-menu { border-radius: 5px; } .ast-desktop .main-header-menu.submenu-with-border .sub-menu { border-radius: 5px; } .main-header-menu #menu-item-177 .sub-menu:before { content: ''; display: block; position: absolute !important; left: 33px; top: -17px; bottom: 100%; width: 0; height: 0; border-bottom: 10px solid #efefef; border-top: 10px solid transparent; border-left: 10px so...