Docs

[mahmoud237]

I added a text near logo with this code

.x-navbar-inner h1.visually-hidden {
clip: auto;
margin: 0;
font-size: 25px;
color: white;
width: 190px;
height: 35px;
margin-left: 40px;
margin-top: 11px;
}

I want to add a half to text that goes to the homepage … How can I do that ?

================================================

Also, I was adding a small append text near original text with this code but it disappears once using above code .. I want to make it back

jQuery(document).ready(function($) {
  $('.x-brand.text').append( "<small> Your ultimate solution for passing appraisal tests</small>" );
});

[mahmoud237]

This reply has been marked as private.

[Thai]

Hi There,

I corrected it with the following code:

jQuery(document).ready(function($) {
  $('.x-brand').append( "<small>Your ultimate solution for passing appraisal tests</small>" );
});

And the CSS:

.x-brand small {
    font-size: 14px;
    display: block;  
    margin: 8px 0;
}

Cheers!

[mahmoud237]

Thanks but ” Appraisal Test ” Word still don’t herf to the homepage ?

[Thai]

Hi There,

Please add the following CSS:

.x-brand {
    z-index: 9999;
    position: relative;
}

Hope it helps 🙂

[mahmoud237]

thanks a lot ….last thing , I want to change the menu layout to be stacked on smaller screens only … How I can do that ?

[Thai]

Hi There,

Please add the following CSS:

@media (max-width: 979px){
    a.x-brand.img {
        float: none;
        text-align: center;
    }

    a.x-btn-navbar {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        max-width: 30px;
    }
}

Regards!

[mahmoud237]

it worked …. Thanks for your help

[Thai]

You’re most welcome 🙂

[Author]

Posts