Topic Closed
Frank
10 Posts
Like the title says, how or where can I change the width of the navbar? Sorry I'm new to typesetter.
1 year ago#11826

mabu
372 Posts
5.9K Downloads
4 Themes
9 Plugins

In the scss stands  .navbar-fixed-side {  width: 282px ; } --- in Firefox : right mousekey at the area --> inspect - deleivers the sourcecode

- just go into the Typesetter layout-editor (right top -> scss) and add  to  the top  .navbar-fixed-side {   width: 220px !important; }

(the Cajon of 5.1 has a small bug - You should replace it with the version of CE5.1.1  or of the github master . If You make a complete new installation You should use the Typesetter github master ! - php 7.4 ready)

Edited: 1 year ago#11827

Frank
10 Posts

Hi mabu, thanks for fast replay. Unfortunately when I add .navbar-fixed-side {   width: 220px !important; } not only the vertical navbar gets resized but the horizontal small one as well. I would like to make only the vertical one smaller.

Thanks for the tip about github, I'm going to update.

Regards and stay healthy

Frank

1 year ago#11828

mabu
372 Posts
5.9K Downloads
4 Themes
9 Plugins

I  am not quite sure about the small horizontal navbar  (narrow mode ?)

My solution :

.navbar-fixed-side {   width: 220px !important; }
.page-content{ margin-left:-62px !important;}

@media (max-width: 980px) {   
.navbar-fixed-side {   width: 100% !important; }
  .page-content{ margin-left:2px !important;}
}

P.S. We have another sidebar - template  at https://www.typesettercms.com/Themes/288_Lock (which You can install from : Themes » ManageAvailable >>Search)

 

 

Edited: 1 year ago#11829

Topic Closed

 

News

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

Typesetter 5.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Ennetb├╝rgen (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Websi...

Find out more about our Provider Spotlight

Log In

  Register