• 437
Featured Channels
Forum's Comments
  • 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 -menu-main-container (it's possible to do with the RAW block with Javascript code) and setup the settings of -menu-toolbar-2-container

    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.

    0 0 0 0 0 0
    • Try to go to Studio->Lucid->Styles->Custom Styles area and add there the following lines:

      @media only screen and (min-width: 720px)

      -sliding-menu-sys_site.bx-sliding-smenu-main {

                height: auto;


      0 0 0 0 0 0
      • Ok, let's review your new errors. The first 3 of them may be fixed via clearing the cache. Then this one:

        (index):1 [DOM] Found 2 elements with non-unique id -timeline-textarea-1608061610Google Maps 

        means that you added the 2 similar blocks to the index page. Please check this, usually, it can't be done via the Pages app.

        And this one:

        JavaScript API warning: NoApiKeys #no-api-keys">https://developers.google.com/maps/documentation/javascript/error-messages-api-keys Yz.o @ util.js:228

        shows that you're trying to use the Google Maps API without Api. Try to enter the key via the Studio->Settings->General area or remove any location fields from there.

        0 0 0 0 0 0
        • Hello Friendshare !

          You need to use the "Create Post" (or "Post to Feed") block and after it add a new RAW block with the following content:


            var oSel = $("-form-element-object_privacy_view option[value=5]");

          oSel.attr("selected", "selected");


          0 0 0 0 0 0
          •  Hello Claudio Acosta !

            Yes, it's possible to do via CSS. In the Studio->[Your template name]->Styles->Custom Styles area you need to add somth like:

            @media (min-width: 768px) and (max-width: 1024px) {

            -logo-container {

            width: 200px;

            height: 50px;



            0 0 0 0 0 0
            • I entered the above but didn't change it.

              <!--Top button -->
              <script src="./topbutton/jquery-1.11.3.min.js"></script>
              <script src="./topbutton/topbutton.min.js"></script>
              //Top Button
              htlm : "<i>Top</i>", //String
              css : "width:50px; height:50px; background color: #343a40 = rgb(52, 58, 64); border:false; font-size:20px;", //String
              scrollAndShow : true, //Boolean
              scrollSpeed : 1000 //Number

              if ($('div.wrapperChat').length)
              .css('height', 'calc( 100vh - 9rem )');

              .bx-tl-post .bx-form-value .bx-form-input-wrapper-textarea {
              overflow: unset;
              <!--End Top Button -->

              0 0 0 0 0 0
              • Hello Genesis !

                As navigation links are always shown as the links, you need to make some transformation there. 

                1) Create the new point of menu in Studio->Navigation app. Every menu point usually has the id like bx-menu-toolbar-item-Zetix point (if you create it in System->Member Toolbar menu with Zetix name).

                2) Put to the Studio->Designer->Injections->Head area the following code:

                  $( document ).ready(function() {

                    var oNew = $("-menu-toolbar-item-Zetix");

                    var sText = oNew.text();



                Or you may apply your Javascript / Jquery solution.

                0 0 0 0 0 0
                • Hello extraprod !

                  1) May you please share your screen with it and the details of your mobile device, OS and browser?

                  2) You may try to use the solution with the Jquery Sticky plugin for example. But better to have the special template.

                  3) See details at this post https://una.io/page/view-discussion?id=3283 

                  4) Better to hide it using the HTML block on the page with this form where you will place the following code like:


                  $(document).ready(function () {

                      $('-form-element-object_privacy_view option[value=5] ').remove();



                  5) A new field can be added via Forms. Other changes depend from the list of places where you need to show the nicknames instead of full names.

                  6) No.

                  7) Every specific styles changes can be made via Studio->[Template name]->Styles->Custom Styles area. The Timeline items usually have the bx-tl- CSS prefix.

                  0 0 0 0 0 0
                  • .bx-media-phone -logo {
                    top: 1px;

                    0 0 0 0 0 0
                    • Try adding a style like this:

                          .bx-media-phone -logo-container {

                            margin: 0 6rem 0 4rem !important;


                      0 0 0 0 0 0
                      Added a discussion  to  , bx
                      • 36
                      Added a discussion  to  , bx
                      Hello, I'm having a little trouble trying to change the background color of my return to top button. Can someone help me out with the correct code to get this color working?    <!--Top button --><script src="./topbutton/jquery-1.11.3.min.js"></script><script src="./topbutton/topbutton.min.js"></script><script>$(document).ready(function(){//Top Button$.topbutton({htlm : "<i>Top</i>", //Stringcss : "width:50px; height:50px; background color: ; border:false; font-size:20px;", //StringscrollAndShow : true, //BooleanscrollSpeed : 1000 //Number});if ($('div.wrapperChat').length)$('div.wrapperChat').closest('-content-container').parent().css('height', 'calc( 100vh - 9rem )');});</script><style>.bx-tl-post .bx-form-value .bx-form-input-wrapper-textarea {overflow: unset;}</style><!--End Top Button -->Thank you in advance...
                      • 286
                      Added a discussion  to  , bx
                      Does anyone know how I can replicate the menu on the screenshot?  I want to add another menu with different buttons that looks like the one on the screenshot.I'm using Lucid template and I tried all kinds of Submenus but I couldn't replicate it. Can I remake the code: bx_menu_slide_inline('-sliding-menu-sys_add_content', $('bx-menu-toolbar-item-add-content a').get(0), 'site'); using my custom submenu? 
                      • 637
                      Added a discussion  to  , bx
                      .bx-media-tablet -logo {top: 1px;}When in portrait, looks good.Does not respect when in landscape, it appears to be using desktop instead which is at 5px.
                      • 802
                      Added a discussion  to  , bx
                      How can I display the searchKeyword.php in a block so I can have a full site search block on my site? I want to see what it's like to have a Twitter-like feel with a single search box where people need to search for what they are looking for rather than having everything visible in navigation, such as videos and photos, etc because people post things that not everyone wants to see.I put this in a navigation link, [bx_menu_slide_inline('-sliding-menu-search', this, 'site');], but it opens the right-side search form next to the account avatar for a brief second so I want it to be displayed in a block like Google custom search.
                      • 638

                      UNA - Social Media Software Framework