How to center menu on Lucid?
How to center the navigation menu on Lucid so it is not on the top left?
-
Hello Genesis !
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:
1) remove .bx-ti-stretcher class in the
#bx-menu-main-container (it's possible to do with the RAW block with Javascript code) and setup the settings of#bx-menu-toolbar-2-container2) 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?
-
The current mix was shared here https://una.io/page/view-discussion?id=8156
-
-
Hello BIG Marketing Solutions LLC !
It is possible to do in the Studio->Pages->[proper module]->[proper page]. Add there the RAW block, place it at the end of the page and fill it with the Javascript / JQuery code to delete the block with
#bx-menu-main-container CSS class. It will look like:<script>
$('
#bx-menu-main-container ').remove();</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).
-
Thanks. I'll try that.
