Nav header in two rows

@inferlinkdev wrote:

I'm new to this, but trying to understand the platform to design a journal site for my company. This is partly an aesthetics question and partly HTML/CSS question.

By default, the nav header seems to be structured as 2 rows. Here's the relevant html code

<header>
  <div class="container-fluid">
    <div class="row">
      <ul id="navigationUser" ...></ul>
    </div>
  </div>
  <div class="container-fluid">
    <div class="navbar-header">...</div>
    <div class="nav-menu">...</div>
  </div>
</header>

Personally, this doesn't look right to me. Is there an example of an OJS3 site where this looks good?

If I were to change this into one line, would you recommend I change the underlying HTML template? (I am under the impression this is frowned upon because it might break future template upgrades.)

Or should I change the CSS?
I used {position:absolute} to move the first .content-fluid inline with the 2nd, but this seems brittle and breaks responsiveness.

Your thoughts appreciated.

Posts: 1

Participants: 1

Read full topic