-
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.
0 0 0 0 0 0 0 -
Try to go to Studio->Lucid->Styles->Custom Styles area and add there the following lines:
#bx-sliding-menu-sys_site.bx-sliding-smenu-main {height: auto;
}
0 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
#bx-timeline-textarea-1608061610Google Mapsmeans 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#no-api-keys Yz.o @ util.js:228shows 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 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:
<script>
var oSel = $("
#bx-form-element-object_privacy_view option[value=5]");oSel.attr("selected", "selected");
</script>
0 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) {
#bx-logo-container {width: 200px;
height: 50px;
}
}
0 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>
<script>
$(document).ready(function(){
//Top Button
$.topbutton({
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)
$('div.wrapperChat')
.closest('#bx-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 -->0 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 = $("
#bx-menu-toolbar-item-Zetix");var sText = oNew.text();
oNew.html(sText);
});
Or you may apply your Javascript / Jquery solution.
0 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:
<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.
0 0 0 0 0 0 0 -
-
Try adding a style like this:
.bx-media-phone
#bx-logo-container {margin: 0 6rem 0 4rem !important;
}
0 0 0 0 0 0 0