Comment to 'Restricting site access'
Comment to Restricting site access

  • Hello @Brett Von Holdt !

    By default, you may hide every site's menu item for the guests via the Studio->Naviagation->System->Site menu area. Or add the RAW block for each of those pages with the code like:

    <script>

    $("#bx-menu-toolbar-1-container).remove();

    </script>

    It will clean the top site menu in the Artificer template.

    • See older replies...

    • Then try to use this code:

      <script>
$( document ).ready(function() {
  $("#bx-menu-toolbar-1-container).remove();
});
</script>

      • Thanks a lot. i've tried it. The code works but it still behaves the same as the previous one. When you resize the page window or zoom in or change the page view to mobile view, the hamburger menu icon displays again and the menu items are back. Any other idea?

        • Update: I have found the solution to my own problem above.

          I hid all the menu items from guests via the Studio->Navigation->System->Site menu area.

          Then I added the following css code to Designer injection to prevent the hamburger menu and navigation menu items to display to guests when you zoom in the page or when you resize the browser window or when you view the page on the phone (mobile view):

          <style>
.bx-user-unauthorized .bx-ti-hamburger {
display: none;
 }
</style>