Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Bootstrap in Joomla template, reduce font size on small screen Reply To: Bootstrap in Joomla template, reduce font size on small screen

#170780
Atelierbram
Participant

I have no knowledge of .less, all I have is a bootstrap.css file

You could do yourself a huge favour to solve this problem by learning Less, because the basic styles on your site are generated from the Less that comes with Bootstrap.

Alternatively (not recommended) is getting rid of the Less, and only work with CSS files, and move the declarations for .nav and .navbar-* from the 768px media-queries to the 992px media-queries.

Any other alternative, like overriding values in a custom stylesheet, (also note that because of the cascading nature of CSS this has to be declared after bootstrap.css) is not a good workflow. It’s too repetitive and will become a bloated mess in your CSS-stylesheet.