How to Hide a Section Colam or Tablet for Logged out or Login Users only without plugin in Elementor

First Stape

  • Go to > Appearance
  • Click Costomize
  • Additional CSS
  • Past this Code
  •  
/* Hide the menu item for logged-out users */
body:not(.logged-in)
.hide-for-logged-out {
display: none !important;
}


/* Hide the menu item for logged-in users */
body.logged-in .hide-for-logged-in {
    display: none;
}
  • Second Stape

Past this code on CSS Classes Where you want to make change on menu

hide for login User :- hide-for-logged-in

hide for logout User :- hide-for-logged-out

Leave a Comment

Your email address will not be published. Required fields are marked *