Menu icon Foundation

Designer | Cincinnati, OH

My Posts







My Comments

Dustin Pearce commented on Dustin Pearce's post over 3 years

NVM... I added the Foundation 6 JS at the end with a PHP "include". When I put it strain into the page it worked. Maybe I need to "require" the code instead.

Dustin Pearce commented on Dustin Pearce's post over 3 years

Thanks Hasson! Another dumb mistake on my part... Still is not working though :(

Dustin Pearce commented on Dustin Pearce's post over 3 years

Thanks Glenn Philp! I added the code (dumb mistake), but it's still not working...

Dustin Pearce commented on Dustin Pearce's post over 5 years

Downloading NodeJS didn't help.

I get this...

dustin-pearces-macbook-pro:~ pearce$ [sudo] gem install zurb-foundation
-bash: [sudo]: command not found

dustin-pearces-macbook-pro:~ pearce$ gem install zurb-foundation
ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

Dustin Pearce commented on Dustin Pearce's post over 5 years

Interesting. That class is not in my code but it appears when I view it. What's going on?

Dustin Pearce commented on Dustin Pearce's post over 5 years

I didn't have Foundation 5 .js files linked at the bottom. Wah wah.

Dustin Pearce commented on Dustin Pearce's post over 5 years

Thanks Miko.

This was very helpful.

I am now having a problem with the mobile navigation not sliding out...

    <!-- start desktop navigation -->
    <div class="fixed contain-to-grid">
        <nav class="top-bar hide-for-small" data-topbar>
            <ul class="title-area">
                <li class="name">
                    <h1><a href"http://www.dustinpearce.com">Dustin Pearce</a></h1>
                </li>  
            </ul>

            <section class="top-bar-section">
                <!-- Right Nav Section -->
                <ul class="right">
                    <li class="divider"></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
        </nav>
    </div><!-- end desktop navigation -->

    <!-- start mobile navigation -->
    <div class="off-canvas-wrap">
        <div class="inner-wrap">
            <nav class="tab-bar show-for-small">
                <section class="left-small">
                    <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
                </section>

                <section class="middle tab-bar-section">
                    <h1 class="title">Foundation</h1>
                </section>
            </nav>

            <aside class="left-off-canvas-menu">
                <ul class="off-canvas-list">
                    <li><label>Foundation</label></li>
                    <li><a href="#">The Psychohistorians</a></li>
                </ul>
            </aside>

            <section class="main-section">
            <!-- content goes here -->
            </section>

            <a class="exit-off-canvas"></a>

        </div>
    </div><!-- end mobile navigation -->

Posts Followed

No Content

Following

    No Content

Followers

My Posts




My Comments

You commented on Dustin Pearce's post over 3 years

NVM... I added the Foundation 6 JS at the end with a PHP "include". When I put it strain into the page it worked. Maybe I need to "require" the code instead.

You commented on Dustin Pearce's post over 3 years

Thanks Hasson! Another dumb mistake on my part... Still is not working though :(

You commented on Dustin Pearce's post over 3 years

Thanks Glenn Philp! I added the code (dumb mistake), but it's still not working...

You commented on Dustin Pearce's post over 5 years

Downloading NodeJS didn't help.

I get this...

dustin-pearces-macbook-pro:~ pearce$ [sudo] gem install zurb-foundation
-bash: [sudo]: command not found

dustin-pearces-macbook-pro:~ pearce$ gem install zurb-foundation
ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

You commented on Dustin Pearce's post over 5 years

Interesting. That class is not in my code but it appears when I view it. What's going on?

You commented on Dustin Pearce's post over 5 years

I didn't have Foundation 5 .js files linked at the bottom. Wah wah.

You commented on Dustin Pearce's post over 5 years

Thanks Miko.

This was very helpful.

I am now having a problem with the mobile navigation not sliding out...

    <!-- start desktop navigation -->
    <div class="fixed contain-to-grid">
        <nav class="top-bar hide-for-small" data-topbar>
            <ul class="title-area">
                <li class="name">
                    <h1><a href"http://www.dustinpearce.com">Dustin Pearce</a></h1>
                </li>  
            </ul>

            <section class="top-bar-section">
                <!-- Right Nav Section -->
                <ul class="right">
                    <li class="divider"></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
        </nav>
    </div><!-- end desktop navigation -->

    <!-- start mobile navigation -->
    <div class="off-canvas-wrap">
        <div class="inner-wrap">
            <nav class="tab-bar show-for-small">
                <section class="left-small">
                    <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
                </section>

                <section class="middle tab-bar-section">
                    <h1 class="title">Foundation</h1>
                </section>
            </nav>

            <aside class="left-off-canvas-menu">
                <ul class="off-canvas-list">
                    <li><label>Foundation</label></li>
                    <li><a href="#">The Psychohistorians</a></li>
                </ul>
            </aside>

            <section class="main-section">
            <!-- content goes here -->
            </section>

            <a class="exit-off-canvas"></a>

        </div>
    </div><!-- end mobile navigation -->

Posts Followed

No Content

Following

  • No Content

Followers