I'm using Bootstrap 4 for my personal web site. The problem I am having is that on my tablet the top menu splits into 2 lines:

  • The "font awesome" icon is displayed in the top row
  • Immediately below each icon is a row of each section name the font awesome icon represents.

enter image description here

Is it possible to force this to be displayed all on one line (such as what I see on my computer screen) or otherwise to become the 3 line menu instead of splitting into 2 lines? I want the menu to have a maximum height of the computer screen version I see.

The web site is here

What I am wanting to be displayed on the tablet version is a 3 line menu someone will click on the top left and the top right be the "search" and search submit button.

0 Answers