bx

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 = $("#bx-menu-toolbar-item-Zetix");

    var sText = oNew.text();

    oNew.html(sText);

});

Or you may apply your Javascript / Jquery solution.

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:

<script>

$(document).ready(function () {

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

    });

</script>

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.

.bx-media-phone #bx-logo {
top: 1px;
}

Try adding a style like this:

    .bx-media-phone #bx-logo-container {

      margin: 0 6rem 0 4rem !important;

    }

Try this in your custom styles

.bx-media-phone #bx-logo-container {
margin: 0 6rem 0 3rem;
}

Adjust the 6 to lower number

Hello EducatedSingles !

The simplest way is hide this info of the members set in the necessary box. First of all, you need to know the ID of this block. For example, on the page with this block, right-click on the page and in the appeared menu choose "View source" (for Chrome browser it may be called by Ctrl+U). Then in this code find the words "New people". Above the found result need to find the closest block ID, it will have the beginning like:

id="bx-page-block-[some number]

like bx-page-block-16

This is our identification.

Then need to add the following CSS code to your Studio->[Your template]->Styles->Custom Styles area:

#bx-page-block-16.bx-base-pofile-unit-title {

display: none;

}

#bx-page-block-16.bx-base-pofile-unit-info  {

display: none;

}

Save it and then clear all your caches via Dashboard.

Hello Harvliet Dalgety !

In Protean template this menu appears by the JQuery function. So if you don't want to use another template then you need to simulate "the initial click" before the page loading. Then you need to add the following code to Studio->Designer->Injection->Head area:

<script>

$(document).ready(function () {

        bx_menu_slide_inline('#bx-sliding-menu-sys_site', $('#bx-menu-toolbar-item-main-menu a').first(), 'site');

    });

</script>

Hello

Baloo you are right. For some reason the code for Splash page in UNA 9.0 has this 'display: none' for small screens.

DeDiary, if you remove '#bx-toolbar' the issue disapper. Don't forget about (,) sign in the previous line. So, you should have something like this.

---
Best Regards
Anton

Hello!

/* Add content sliding menu alignment */

#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
text-align: center;
}