Spectre: Responsive NavBar Bug

Created on 11 Mar 2018  路  3Comments  路  Source: picturepan2/spectre

01

bug

Most helpful comment

Yes. Same problem. The navbar looks awful on small sreens.

Maybe one solution could be to split each section into rows instead of columns based on screen width. Not sure if it is a valid proposition.

All 3 comments

Yes. Same problem. The navbar looks awful on small sreens.

Maybe one solution could be to split each section into rows instead of columns based on screen width. Not sure if it is a valid proposition.

A solution could be defining a media query to set "display:block" for nav-section on small widths.

@media only screen and (max-width: 480px){ .navbar-section { display: block; }}

@agausachs
Works like a charm.
I usually just hide the navbar-section except whichever i put the site logo. with class hide-sm
Then use and alternative inline menu to display the nav links on small screens. with class show-sm

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tomcam picture tomcam  路  3Comments

alighasemzadeh picture alighasemzadeh  路  5Comments

elias-garcia picture elias-garcia  路  4Comments

tomcam picture tomcam  路  4Comments

kwstaskara picture kwstaskara  路  3Comments