How to center menu on Lucid?
How to center the navigation menu on Lucid so it is not on the top left?
As Lucid top menu may have the variable width and Account menu is placed on the right to provide enough space to the maximum number of elements. So you may do:
2) change the settings of those containers CSS classes via Studio->Lucid->Styles->Cystom Styles area like
bx-toolbar-item bx-ti-menu for the first bx-toolbar-item bx-ti-right cd-nav and for the second
But note that those changes will affect on mobile view too.
Is it possible to give give me a full example of the final code to put in the raw block? I don't know how to do it. But why not just share the UNA.io current lucid mixes so everyone can be up to date?
I get how to so #2above, but don't understand this instruction from #1:
"1) remove .bx-ti-stretcher class in the
Where is this done?
! BIG Marketing Solutions LLC
CSS class. It will look like: -menu-main-container # bx <script> $(' -menu-main-container ').remove(); # bx </script>
I want the topmost menu at sso.una.io to be centered on all pages. Is that possible with one change to studio or code?
Yes, it's possible to do with the Custom Styles area of your template. Just correct the settings of the
bx-sliding-menu-main-cnt CSS class (and other bx-sliding-menu prefixes).
Not logged in users can't 'Comments Post'.