Skip to content
Grav 2.0 is officially stable. Read the announcement →
Archive

Responsive mobile navigation

Started by Muut Archive 9 years ago · 3 replies · 980 views
9 years ago

I'm building a blog for myself and when I view the site on my PC or phone it looks great but on my iPad the navigation looks really cramped because it shows the full navigation bar instead of hiding it behind a menu like it does on mobile.

How can I change the cut-off point for when to hide the navigation? Where does Grav determine this? I would like it to switch to mobile navigation way sooner than it does on the default Antimatter settings.

9 years ago

What theme are you using? Some themes provide this with the Theme Setting page.

9 years ago

I built my own theme on top of Antimatter following the theme inheritance instructions so I don't think that's possible.

I was hoping Grav would have some general template file in the default theme where you could alter the Javascript (if that's how the navigation bar works?) the same way you can change CSS with custom CSS.

9 years ago

Oh, I should have caught that mention of Antimatter in your original post🙂 I do not know how to do that with Antimatter myself, hopefully someone else can help you out.

Suggested topics

Topic Participants Replies Views Activity
Archive · by Deleted User, 9 years ago
0 1323 9 years ago
Archive · by Muut Archive, 9 years ago
2 919 9 years ago
Archive · by Muut Archive, 9 years ago
2 4048 9 years ago
Archive · by Muut Archive, 9 years ago
1 2923 9 years ago
Archive · by Muut Archive, 9 years ago
3 1106 9 years ago