Menu icon Foundation

My Posts

  • 1
    Reply
  • Menu position at edge of browser

    By Jason Kadlec

    Using Foundation 6, via JointsWP theme for WordPress how can I make it so that when the menu item is all the way to the right, the drop-down is more right under the menu item. As you can see in the screen shot - it's pushed out quite a bit, and when mo... (continued)

    Last Reply by Jason Kadlec almost 3 years ago



My Comments

Jason Kadlec commented on Denny Webb's post over 2 years

Hey - adding the data-anchor did the trick. THANK YOU.
 
I also had to add a width=100% to the div inside the medium-3 columns div... is that normal?
 
Looks like the sticky plugin set a width on the element. 
 
<div class="medium-3 columns" data-sticky-container>
   <div class="sidebar sticky" data-sticky data-anchor="inner-content">
     ^ sidebar was getting squished (too narrow / not filling the width of the medium-3), adding width:100% to the .sidebar in CSS fixed that problem.
 
 
 

Jason Kadlec commented on Jason Kadlec's post almost 3 years

Nevermind.. this sorts it out:

.top-bar-right .dropdown.menu .submenu.first-sub {right: 0 !important;}

Jason Kadlec commented on Denny Webb's post almost 3 years

@Chris Oyler

I have a page up where you can take a look:

http://dev.activewoo.com/hello-world

This is just the stock Joints-WP foundation6 theme - I've tried to make the right sidebar sticky.

As others have mentioned, it just loads in, already stuck to the top.

My understanding (hope) is that when the outer div:

-- data-sticky-container> --

hits the top of the browser..then it causes the inner div:

-- class="sticky" data-sticky> --

to stick.

Looking forward to getting sticky to stick right!

Jason Kadlec commented on Jason Kadlec's post about 3 years

FWIW - I changed it to the header by editing

/functions/enqueue-scripts.php

change the "true" to "false" on line 11:

    wp_enqueue_script( 'jquery', get_template_directory_uri() . '/assets/vendor/foundation/js/vendor/jquery.js', array(), '2.1.3', false );

So no more jQuery undefined error... but something tells me that if the author put jQuery in the footer, that was for a reason (side loads it last makes site load faster) ... and that my "solution" of moving it to the header is the "wrong" approach...

I'm guessing this would be working if I just created a custom.js file, put all my what not in there and then enqueue it in the footer, after the jquery yes?

Posts Followed



Following

    No Content

Followers

My Posts



My Comments

You commented on Denny Webb's post over 2 years

Hey - adding the data-anchor did the trick. THANK YOU.
 
I also had to add a width=100% to the div inside the medium-3 columns div... is that normal?
 
Looks like the sticky plugin set a width on the element. 
 
<div class="medium-3 columns" data-sticky-container>
   <div class="sidebar sticky" data-sticky data-anchor="inner-content">
     ^ sidebar was getting squished (too narrow / not filling the width of the medium-3), adding width:100% to the .sidebar in CSS fixed that problem.
 
 
 

You commented on Jason Kadlec's post almost 3 years

Nevermind.. this sorts it out:

.top-bar-right .dropdown.menu .submenu.first-sub {right: 0 !important;}

You commented on Denny Webb's post almost 3 years

@Chris Oyler

I have a page up where you can take a look:

http://dev.activewoo.com/hello-world

This is just the stock Joints-WP foundation6 theme - I've tried to make the right sidebar sticky.

As others have mentioned, it just loads in, already stuck to the top.

My understanding (hope) is that when the outer div:

-- data-sticky-container> --

hits the top of the browser..then it causes the inner div:

-- class="sticky" data-sticky> --

to stick.

Looking forward to getting sticky to stick right!

You commented on Jason Kadlec's post about 3 years

FWIW - I changed it to the header by editing

/functions/enqueue-scripts.php

change the "true" to "false" on line 11:

    wp_enqueue_script( 'jquery', get_template_directory_uri() . '/assets/vendor/foundation/js/vendor/jquery.js', array(), '2.1.3', false );

So no more jQuery undefined error... but something tells me that if the author put jQuery in the footer, that was for a reason (side loads it last makes site load faster) ... and that my "solution" of moving it to the header is the "wrong" approach...

I'm guessing this would be working if I just created a custom.js file, put all my what not in there and then enqueue it in the footer, after the jquery yes?

Posts Followed

Following

  • No Content

Followers

  • No Content