Colab Template Menu Structure

stimulus

Hi,

Saw a forum about changing the Colab template to have a normal menu instead of the off canvas menu? Is this something that you all would be able to do for us if we provide login credentials?

Thanks,

Lynn

dominic

Hi stimulus,
If you want to show the main menu beside the logo as a normal template, you can go to the Backend > Template styles > Default style > Layout and edit the Mainnav block.

Click edit block.

And find the line 25:
Replace this code:
<div class="t4-navbar col-1 col-lg-6 col-xl-6 d-flex justify-content-center collapse-static d-none">

With the following code:
<div class="t4-navbar col-1 col-lg-6 col-xl-6 d-flex justify-content-center collapse-static">

Result:

stimulus

dominic
Thank you for that. Two more questions:

Is there a way to remove the blue bar altogether or force it to always be at the top?
Is there a way to make this site full-width? I noticed that it is blue on the right as the desktop size gets bigger?

Thanks,

Lynn

dominic

Hi stimulus,
You can try the following CSS code:

.horizontal-nav {
 	display: none;
}

@media (min-width: 1199.98px) {
.t4-content {
    padding: 0;
    max-width: 100%;
}
}

@media (max-width: 1199.98px) {
.navbar-expand-lg .navbar-toggler {
  	display: block !important;
  }
}