Centered navigations are not a feature of Blocs, so when you want to do something that is not a core feature of Blocs you will need to have some knowledge of how the code is structured (preview in browser- right click inspect) and how Bootstrap 3 works regarding it’s navigation element (html and css). With this knowledge you can then implement the required CSS changes via the class manager and class editor.
How to center the navigation toggle.
When you apply a class to a menu it actually gets applied to the menu list container (ul), not the toggle button. In order to style the toggle we need to reference the standard Bootstrap 3 class for the toggle
ui-navbar-toggle. In order to center the toggle the easiest way is to use the toggles parent and apply a text align rule to center, this will center the toggle button via its parent.
So Add the following 2 classes via the Class Manager.
Now we have those added, switch to mobile view mode. Now open and edit the
ui-navbar-toggle class by clicking on it in the Class Manager. We need to set its margin to 0 and its float value to initial.
Now open and edit the
navbar-header class via the Class Manager, navigate to the text options and apply a center text rule. This will center the
ui-navbar-toggle within the
This will produce the following result.
Here is an example project so you can see what I did. Please note in app previewing wont show the changes.
center nav.bloc (729.5 KB)
Blocs and Styling
Blocs is based on the Bootstrap 3 framework and it offers a range of preset layouts, although it’s possible to create your own layouts, the more off the beaten track you wish to go with customization, the more knowledge of how Bootstrap 3 and code works you are going to need.
Centering a navigation toggle button is a simple task, but its not a really common one. If I added buttons for everything, you wouldn’t want to use Blocs, you are here most likely because the UI is easy on the eye, keeping it that way requires only essentials are found in the sidebar, everything else is hidden behind the class layer.
I hope this helps with your frustrations and also gives you a better insight into how customisation in Blocs requires more knowledge depending on what you want to do.