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.
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.