On some devices, the nav bar is overlapping with the phone bar (the one with arrows for back to the previous page for example). I need to add a space below (10px-15px). In this way, the buttons will be a little bit up, and can be easy pressed. Can you help me please with this?
Sorry to say but it is difficult to adjust the Mobile bottom nav bar in terms of the real Mobile bar, but you can try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile area:
.wd-toolbar {
top: 42em !important;
}
You can change the value of the Top property here according to the choice that best suits you.