TemplateToaster display the submenu items in browser according to the following flow:
1. For the submenu items in the half screen to the left side, we will open the submenu container to the right side so that the submenu items should be visible.
2. For the submenu items in the half screen to the right side, we will open the submenu container to the left side so that the submenu items should be visible.
That's why submenu items are displaying aligned to the right in browser preview. To align submenu items to left, please use the following custom CSS code:
Go to TemplateToaster → general → editors → CSS → paste the CSS code provided below → save
.navbar-right li ul.child
{
right:auto !important;
}