bx

  • 622
Discussions
Forum's Comments
  • It has been fixed, it looks like you have some custom styles which overwrite mobile CSS styles, I've added the following CSS rules in Nexus app to fix it:

    html -toolbar-content {
        display:none !important;
    }
    html .cd-side-nav, 
    html .bx-sliding-menu, .bx-sliding-menu-main 
    {
        top:0 !important;
    }
    0 0 0 0 0 0
    • i'm having a problem centering my navigation menu. I added the below to custom styles in my Lucid theme and it did seem to help with Chrome browser but not Edge or Fire fox. any suggestions? Would the fix be a little different to center the menu than what I have here?

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

      -webkit-justify-content: center;

      justify-content: center;

      }

      0 0 0 0 0 0
      • 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 -menu-main-container CSS class. It will look like:

        <script>

        $('-menu-main-container ').remove();

        </script>

        0 0 0 0 0 0
        • I get how to so #2above, but don't understand this instruction from #1:

          "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

           Where is this done?

          0 0 0 0 0 0
          • UPDATE: the deal was in those default style lines:

            .bx-db-menu ul>li:not(.bx-menu-item-more-auto) a .sys-icon {
            1. display: none;
            2. }

            It's possible to enable it via the Custom Styles area within the proper block like:

            -page-block-2095 .bx-db-menu ul>li:not(.bx-menu-item-more-auto) a .sys-icon {
            1.     display: block;
            2. }
            0 0 0 0 0 0
            • Hello Jake Arsenault !

              You may add the following styles to the Custom Styles area of your template in the Studio

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

                  -webkit-justify-content: center;

                  justify-content: center;

              }

              0 0 0 0 0 0
              • Hello caribman2020 !

                You may show this menu by the load with the following JS script in your Studio->Deisgner->Injections->Header area:

                <script>

                  $(document).ready(function () {

                    bx_menu_slide_inline('-sliding-menu-sys_site', $('-menu-toolbar-item-main-menu'), 'site');   

                  });

                </script>

                Or you need to place the block with the necessary menu in every page (Studio->Pages->Systme->[Page name]->Add Block->Skeleton->Menu->Choose menu).

                But both variants aren't good and it's better to use another template.

                0 0 0 0 0 0
                • Hello Scholar !

                  To prevent the change of core's files it would be better to add the RAW block there with the code like this one:

                  <script>

                    $(document).ready(function () {

                      var sKeyword = $('-form-element-keyword input[name="keyword"]').val();

                      if (sKeyword !='')

                      {

                        document.title += ' ' + sKeyword;

                      }

                    });

                  </script>

                  You may also add there the scan results for the used sections (modules).

                  0 0 0 0 0 0
                  • Does this mean the background image? In that case I would love to know how I can fix it :-D.

                    My background image is scrolling and repeating itself now, and it`s not a pretty sight. I tried pasting

                    -toolbar {

                    position: fixed;

                    }

                    and

                    .cd-main-header {

                    position:absolute;

                    z-index: 999;

                    top: 0px;

                    left: 0px;

                    }

                    In at a random place in the custom designer for my mix, but nothing happened. I am using lucid. Is there a particular place I shall insert that code?

                    This is for the toolbar at the top of the page


                    0 0 0 0 0 0
                    • Does this mean the background image? In that case I would love to know how I can fix it :-D.

                      My background image is scrolling and repeating itself now, and it`s not a pretty sight. I tried pasting

                      -toolbar {

                      position: fixed;

                      }

                      and

                      .cd-main-header {

                      position:absolute;

                      z-index: 999;

                      top: 0px;

                      left: 0px;

                      }

                      In at a random place in the custom designer for my mix, but nothing happened. I am using lucid. Is there a particular place I shall insert that code?

                      0 0 0 0 0 0

                      It has been fixed, it looks like you have some custom styles which overwrite mobile CSS styles, I've added the following CSS rules in Nexus app to fix it:

                      html -toolbar-content {
                          display:none !important;
                      }
                      html .cd-side-nav, 
                      html .bx-sliding-menu, .bx-sliding-menu-main 
                      {
                          top:0 !important;
                      }
                      • 47

                      i'm having a problem centering my navigation menu. I added the below to custom styles in my Lucid theme and it did seem to help with Chrome browser but not Edge or Fire fox. any suggestions? Would the fix be a little different to center the menu than what I have here?

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

                      -webkit-justify-content: center;

                      justify-content: center;

                      }

                      • 68

                      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 -menu-main-container CSS class. It will look like:

                      <script>

                      $('-menu-main-container ').remove();

                      </script>

                      • 81

                      I get how to so #2above, but don't understand this instruction from #1:

                      "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

                       Where is this done?

                      • 81
                      Added a discussion  to  , bx

                      For example, -page-block-1611" class="bx-link" rel="nofollow">https://www.una.io/-page-block-1611
                      (I was trying to put in)image_transcoder.php?o=bx_froala_image&h=4541&dpx=1&t=1611342540

                      • 399
                        • Hello titanium !

                          Yes, correct because we use the hashtags as the reserved symbol for the channels. In similar cases, you need to "pack" the URL via the "Insert link" button.

                          0 0 0 0 0 0
                          • Ok! Just noticed there is an issue open about that - https://github.com/unaio/una/issues/3208

                            0 0 0 0 0 0
                            Not logged in users can't 'Comments Post'.
                            Followers
                            Empty

                            UNA - Network Infrastructure for Communities

                            Close