Giters

JeremyEnglert / JointsWP-CSS

A blank WordPress theme built with Foundation 6, giving you all the power and flexibility you need to build complex, mobile friendly websites without having to start from scratch.

Home Page:http://jointswp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

iPad and iPad Mini Media Queries with Top-Bar Menu

jackfearing opened this issue · comments

commented

Hello, I was wondering how you could display the main menu with off-canvas support used on the mobile screen (e.g. iPhone) for both the iPad and iPad mini. I tried editing foundations.css line 5909 /*Medium Display */ @media to something like @media only screen and (min-width: 48.0625em) but it only gets me half way there. Is there a better way to go about doing this?

Thanks,
Jack

commented

@jackfearing it is relatively hard to change this in the CSS version (it's really easy to change in the Sass version).

Check out this article from the Foundation forum:
http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css

The response from Rafi Benkual is probably your best bet. You can download a custom version of Foundation from their website, and then upload these over the Foundation files from Joints.

commented

How would go about changing it in the sass version? I'm currently using gulp to process my files and I'm pretty sure I could just include that into a task to process the css.

commented

If you're using the Sass version, check out the _settings.scss file. Line #1465.