Bootstrap Default Theme, how to modify Header?


Hi all,
I use OJS 3.1.4, and Bootstrap with Default Theme,
I dont know how to resize the logo and make it UP of menu

Anyone teach me please
Thank you

Hi @Muhammad_Khoiruddin,

Unfortunately, such an option isn’t available by default. Also, I don’t think that there is a reliable way to do this just with CSS. One of the options is creating a child theme, overriding original header and adding some styles - it requires some knowledge of PHP, HTML, CSS. Another option could be adding custom Javascript code.

Hi Muhammad,

Here is a string of code you can use for your css:

.navbar-brand {
display: block;
float: none
width: 100%;
height: 100%;

.navbar-brand img {
width: 500px;
.navbar-collapse {
clear: left;

The width (500px) can of course be altered to whichever size you prefer. The above code should do the trick in terms of getting the journal logo to stop floating left of the nav menus and instead appear above the menus. Good luck!

Best wishes