bx
-
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('
#bx-sliding-menu-sys_site', $('#bx-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 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 = $('
#bx-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 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#bx-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 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#bx-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 0 -
Hello Peter !
It is possible to do via inserting the following Javascript code to the Studio->Designer->Injections->Head area:
<script>
function correct_menu()
{
var iWidthPage = $(window).width();
var iWidthCnt = $(".bx-def-page-width").width();
var iLeft = (iWidthPage - iWidthCnt) / 2;
var oObj = $("
#bx-sliding-menu-sys_site");oObj.css("width", iWidthCnt);
oObj.css("left", iLeft);
}
$(document).ready(function () {
$('
#bx-menu-toolbar-1-container a.bx-def-font-contrasted').attr('onclick', 'bx_menu_slide_inline("#bx-sliding-menu-sys_site", this, "site"); correct_menu();');});
</script>
function correct_menu()
{
var iWidthPage = $(window).width();
var iWidthCnt = $(".bx-def-page-width").width();
var iLeft = (iWidthPage - iWidthCnt) / 2;
var oObj = $("
#bx-sliding-menu-sys_site");oObj.css("width", iWidthCnt);
oObj.css("left", iLeft);
}
$(document).ready(function () {
$('a.bx-def-font-contrasted').attr('onclick', 'bx_menu_slide_inline("
#bx-sliding-menu-sys_site", this, "site"); correct_menu();');});
0 0 0 0 0 0 0 -
-
try to add this in your custom css in studio - your theme
#bx-menu-toolbar-2-container .bx-menu-toolbar li a {
position: relative;
width: 2rem;
height: 2rem;
background-color: #addyourcolorhere;
border-radius: 1.5rem;
font-size: .875rem;
}0 0 0 0 0 0 0 -
Hi all!
Dear Colin Kahler has the Protean template, not Lucid like we have in una.io. For the Protean you need to work with
#bx-homepage-menu-sys_homepage like:#bx-homepage-menu-sys_homepage {position: fixed;
z-index: 999;
top: 0px;
left: 0px;
}
and proper background.
0 0 0 0 0 0 0 -
Hello Colin Kahler !
You need to have the following CSS rules for your template (Studio->[Your template]->Styles->Custom Styles area):
#bx-toolbar {position: fixed;
}
and
.cd-main-header {
position:absolute;
z-index: 999;
top: 0px;
left: 0px;
}
0 0 0 0 0 0 0 -
Thanks worked great. Having trouble with have logo mobile vs website. I've tried many different codes none seem to work. like this one or many I tried..
@media (min-width: 768px) and (max-width: 1024px) {
#bx-logo-container {width: 200px;
height: 50px;
}
}
0 0 0 0 0 0 0
For example, #bx-page-block-1611" class="bx-link" rel="nofollow">https://www.una.io/#bx-page-block-1611
(I was trying to put in)
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? #f91f09
<!--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: #f91f09; 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 -->
Thank you in advance...
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('#bx-sliding-menu-sys_add_content', $('bx-menu-toolbar-item-add-content a').get(0), 'site');
using my custom submenu?
.bx-media-tablet #bx-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.
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('#bx-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.
