.brikit.header.App4Legal Header

Content Layer

id	1276604527

Content Column

width	100.00002%
id	1276604538

Content Block

id	1276604537

Targeted Search Field

space-search-scope	A4L
replace-default	true
search-blogposts	true
align	center
search-pages	true

HTML
<div id="app4legal-sign-in-link">

Hello

login	Login

HTML
</div>

HTML

<!--<a id="app4legal-about-us-anchor" href="https://app4legal.com" onclick=" window.open($(this).attr('href'), '_blank').focus();">About Us</a>-->

<i id="app4legal-search-icon" class="fas fa-search"></i>

<script>

if(!document.getElementsByTagName("body")[0].classList.contains("mobile")) {

var metaUser = document.getElementsByName("ajs-remote-user")[0];

if(metaUser && metaUser.getAttribute("content")) {
document.write('<i id="app4legal-sign-in-out-icon" class="fas fa-sign-out-alt"></i>');
} else {
document.write('<i id="app4legal-sign-in-out-icon" class="fas fa-sign-in-alt"></i>');
}
}
</script>

HTML

    <!-- Mobile Search Modal Start -->
    <div class="" style="display: none;" id="app4legal-mobile-search-modal" tabindex="-1" aria-hidden="true">
       <div id="app4legal-mobile-search-modal-body">
       </div>
    </div>
    <!-- Mobile Search Modal End -->

HTML

<div id="app4legal-language-switcher" class="dropdown">
  <button class="btn dropdown-toggle" type="button" id="app4legal-language-switcher-dropdown" data-bs-toggle="dropdown" aria-expanded="false">
    English
  </button>
  <ul class="dropdown-menu" aria-labelledby="app4legal-language-switcher-dropdown">
    <li><a class="dropdown-item" href="https://documentation.app4legal.com/display/AR">العربية</a></li>
  </ul>
</div>

HTML

<div class="lexzur-signup-banner lexzur-signup-banner-en">
<div class="first-part"><span>WE ARE REBRANDING</span></div>
<div class="second-part"><img
src="https://www.app4legal.com/wp-content/uploads/2023/11/Lexzur-logo-dark-1024x212.png"></div>
<div class="third-part"><span>FORMERLY</span> <img
src="https://www.app4legal.com/wp-content/uploads/2023/11/logo.png">
</div>
</div>

<style>

.brikit-banner-content {
    border-bottom: none !important;
    padding: 0px !important;
}

#brikit-page-content {
padding-top: 140px !important;
}

#brikit-left-nav-sidebar #brikit-tree-view-header{
padding: 50px !important;
}

.lexzur-signup-banner {
position: fixed;
    top: 80px;
    width: 100%;
    z-index: 10;

display: flex;
padding: 10px 30px;
border-style: solid;
border-width: 5px 0px 5px 0px;
border-color: #28B48D;
align-items: center;
background-color: #F5F5F5;
}

.lexzur-signup-banner .first-part {
flex: 4;
}

.lexzur-signup-banner .second-part {
flex: 2;
text-align: center;
}

.lexzur-signup-banner .second-part img {
width: 100%;
max-width: 150px;
}

.lexzur-signup-banner .third-part {
flex: 4;
display: flex;
align-items: center;
gap: 10px;
justify-content: end;
}

.lexzur-signup-banner .third-part span {
color: #B2B2B2;
font-size: 22px;
font-weight: 600;
line-height: 1em;
}

.lexzur-signup-banner .third-part img {
width: 100%;
max-width: 180px;
}

.lexzur-signup-banner .first-part span {
color: #28B48D;
font-size: 22px;
font-weight: 600;
}

@media only screen and (max-width: 900px) {
.lexzur-signup-banner {
display: block;
text-align: center;
}

.lexzur-signup-banner .first-part span {
color: #28B48D;
font-size: 10px;
}

.lexzur-signup-banner .second-part {
margin: 7px 0px 7px 0px;
}

.lexzur-signup-banner .third-part {
justify-content: center;
}

.lexzur-signup-banner .third-part span {
font-size: 14px;
}

.lexzur-signup-banner .third-part img {
max-width: 90px;
}
}

</style>

Page tree

Versions Compared

Old Version 53

New Version 54

Key

Need More Help?

Video Tutorials

Contact Us