Menu icon Foundation

Coder | Tucson, AZ

coding in the desert.

My Posts




  • 1
    Reply
  • Issues with 5.1.1

    By Jeremy Englert

    jquery5.1.1

    I'm working on updating JointsWP to 5.1.1 and I've run into a few issues. I just wanted to know if anyone else has been having the same issues. 1. The Foundation jQuery no longer seems to work. I saw another thread about this issue as well, but it was ... (continued)

    Last Reply by Rafi Benkual over 5 years ago


  • 1
    Reply
  • Best Practices for Grid Nesting

    By Jeremy Englert

    gridnesting

    I asked a similar question (which I deleted), but the way I phrased it was very confusing. I am attaching two pieces of code that have similar output, but I would like to know which one is considered the "best practice". The entire design is contai... (continued)

    Last Reply by Karl Ward over 5 years ago


  • 1
    Reply
  • Rows don't clear?

    By Jeremy Englert

    clear fixRows

    I was looking to have a .row inside of a .row so that the .row could act as a wrapper for multiple columns. This worked great, but when I went to add a background inside of the inner row, it bleeds over into the top row - is this normal behavior? I hav... (continued)

    Last Reply by Karl Ward over 5 years ago





  • 1
    Reply
  • Why are topics being closed so quickly?

    By Jeremy Englert

    I've noticed many topics on here being closed after an appropriate answer has been given. However, I think people would benefit from these threads being left open for potential further discussion. This also encourages people to use the search function opp... (continued)

    Last Reply by Clara almost 6 years ago


My Comments

Jeremy Englert commented on Les Fenison's post almost 4 years

It looks like the link is broken in the docs, but here is where the F5 docs live: http://foundation.zurb.com/sites/docs/v/5.5.3/

Jeremy Englert commented on Sean Turtle's post almost 4 years

The solution from @Martin Luna works great. However, as Reveal is loading, you will briefly see all of the images inside of Slick "flash" before the appropriate classes are injected to hide them. Add the following to your CSS to get rid of that "flash".

// Hide images while Reveal fires
.slider li:not(:first-child) {
    opacity: 0;
}

// Display images after Reveal fires
.slick-track li:not(:first-child) {
    opacity: 1;
}

Jeremy Englert commented on Andrew Brown's post almost 4 years

Hi Paul,

You can use jQuery or a function to add a specific class to A tag.

This thread on StackOverflow lists both options: http://stackoverflow.com/questions/22039977/how-to-add-a-custom-class-to-anchor-of-wordpress-navigation-menu-wp-nav-menu

I would lean towards the function. It feels less hacky.

Jeremy Englert commented on Penny's post about 4 years

Looking at your HTML, I think the logo image is meant to be inside the A tag (otherwise it won't work as a link). Have you tried that?

Like this:

<h1> <a href="<?php echo home_url(); ?>" rel="nofollow"><img class="logo-home" src="http://subsite08.dev/wp-content/uploads/sites/9/2015/09/TTRC-flag-grey.gif"></a></h1>

Jeremy Englert commented on Penny's post about 4 years

Hi Penny,

I just installed a fresh version of JointsWP-CSS and I can't replicate this issue.

Can you provide a link for me to check out?

Jeremy Englert commented on Jason Kadlec's post about 4 years

99% of the time WordPress will work fine with jQuery loaded in the footer. However, certain plugins and/or configurations will require it to be in the header.

Changing "true" to "false" with jQuery is enqueued is the correct way to fix this.

Jeremy Englert commented on David's post about 4 years

Did anyone figure this out? We ran into the same issue.

Jeremy Englert commented on Hunter Satterwhite's post about 4 years

  $(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 500) { 
        $(".contain-to-grid").addClass("sticky");
    }
});

Try that.

Jeremy Englert commented on Alan McCabe's post about 4 years

Alan,

Reviere hasn't been updated in over a year and may not have the multi-level off-canvas ability. I recommend starting with JointsWP (which I built) or FoundationPress (which was built by another member of the forum) - both are awesome starting points for Foundation based WordPress projects.

If you're already too deep into the project to switch gears, check out the menu-walker found in JointsWP/FoundationPress. You should be able to integrate that into Reviere to get the multi-level functionality.

You shouldn't need to write custom JS for this - Foundation will handle it all.

Jeremy Englert commented on Alan McCabe's post about 4 years

Hi Alan,

Can you expand on what issues you're having? I checked out the site and the off-camvas navigation appears to function correctly.

Posts Followed


  • 8
    Replies
  • contain Magellan to grid

    By David

    Magellan

    Hello, I would like to use Magellan as a sub nav. Is there an easy hack to contain the Magellan Nav to their designated grid while scrolling down (like in the example: http://foundation.zurb.com/docs/components/magellan.html). If I implement Magell... (continued)

    Last Reply by hassan over 3 years ago







  • 14
    Replies
  • What rendered HTML?

    By Greg Aizi

    htmlrendered html

    There is HTML example and right after that is 'rendered HTML' code in the docs of Foundation|Orbit. I am confused - by whom 'rendered'? By included JS or it is just correct HTML? I couldn't get working examples from the documentation.

    Last Reply by Greg Aizi over 4 years ago




Following

    No Content

Followers

My Posts

My Comments

You commented on Les Fenison's post almost 4 years

It looks like the link is broken in the docs, but here is where the F5 docs live: http://foundation.zurb.com/sites/docs/v/5.5.3/

You commented on Sean Turtle's post almost 4 years

The solution from @Martin Luna works great. However, as Reveal is loading, you will briefly see all of the images inside of Slick "flash" before the appropriate classes are injected to hide them. Add the following to your CSS to get rid of that "flash".

// Hide images while Reveal fires
.slider li:not(:first-child) {
    opacity: 0;
}

// Display images after Reveal fires
.slick-track li:not(:first-child) {
    opacity: 1;
}

You commented on Andrew Brown's post almost 4 years

Hi Paul,

You can use jQuery or a function to add a specific class to A tag.

This thread on StackOverflow lists both options: http://stackoverflow.com/questions/22039977/how-to-add-a-custom-class-to-anchor-of-wordpress-navigation-menu-wp-nav-menu

I would lean towards the function. It feels less hacky.

You commented on Penny's post about 4 years

Looking at your HTML, I think the logo image is meant to be inside the A tag (otherwise it won't work as a link). Have you tried that?

Like this:

<h1> <a href="<?php echo home_url(); ?>" rel="nofollow"><img class="logo-home" src="http://subsite08.dev/wp-content/uploads/sites/9/2015/09/TTRC-flag-grey.gif"></a></h1>

You commented on Penny's post about 4 years

Hi Penny,

I just installed a fresh version of JointsWP-CSS and I can't replicate this issue.

Can you provide a link for me to check out?

You commented on Jason Kadlec's post about 4 years

99% of the time WordPress will work fine with jQuery loaded in the footer. However, certain plugins and/or configurations will require it to be in the header.

Changing "true" to "false" with jQuery is enqueued is the correct way to fix this.

You commented on David's post about 4 years

Did anyone figure this out? We ran into the same issue.

You commented on Hunter Satterwhite's post about 4 years

  $(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 500) { 
        $(".contain-to-grid").addClass("sticky");
    }
});

Try that.

You commented on Alan McCabe's post about 4 years

Alan,

Reviere hasn't been updated in over a year and may not have the multi-level off-canvas ability. I recommend starting with JointsWP (which I built) or FoundationPress (which was built by another member of the forum) - both are awesome starting points for Foundation based WordPress projects.

If you're already too deep into the project to switch gears, check out the menu-walker found in JointsWP/FoundationPress. You should be able to integrate that into Reviere to get the multi-level functionality.

You shouldn't need to write custom JS for this - Foundation will handle it all.

You commented on Alan McCabe's post about 4 years

Hi Alan,

Can you expand on what issues you're having? I checked out the site and the off-camvas navigation appears to function correctly.

Posts Followed

Following

  • No Content

Followers

  • No Content