7 inch tablet landscape view

[TheNoLifer]

Hi all,

Just discovered that reading my site on a 7 inch tablet in landscape mode causes the top menu bar to obscure the top portion of my pages. Not ideal!! It works (just) on a Kindle Fire HD 8.9" screen, but it doesn't work on Ipad, Nexus 7, Samsung Galaxy Tab, Kindle Fire, or Kindle Fire HD 7" screen.

I'm using the alternate front page with the groupings of tables (which creates the drop-down menus in the top bar) as I've got a lot of tables.

Screenshot;

7 inch tablet view issue.PNG (114.39 KiB) Viewed 3763 times

Does anyone know what I could do about this?

The site is fine on smaller resolutions like cell phones, as it provides the drop-down/hide menu for the whole top menu. This doesn't happen on 7 inch tablets for some reason.

Help please!

A.

[AhmedBR]

It is just Bootstrap navbar breakpoint.

Take a look at this example on how to solve it, just some css:

https://coderwall.com/p/wpjw4w/change-t ... breakpoint

Do not forget to take a look at a working code example from the same link above:
http://www.codeply.com/go/GVsytKbMkV

[TheNoLifer]

Ah! Thank you Ahmed! I will look into this!