Menu icon Foundation

My Posts

  • 3
    Replies
  • Styling top-bar dropdown

    By Melanie Considine

    I am trying to change the background color of the li.has-dropdown parent link. When hovering over one of the sub links, the parent bg color is black. When inspecting the element, is shows as: <li class="has-dropdown not-click"> but I can't locate where i... (continued)

    Last Reply by jessica ndaye over 4 years ago


My Comments

Melanie Considine commented on Angela's post over 5 years

Out of the box, v5.2.1, using either foundation.orbit.js or foundation.min.js the slider does not play when the page loads until the arrow on the timer is clicked. I would like for it to autoplay. I might be missing something, but adding the following does not fix it:

```$(document).ready(function() {
setTimeout(function() {
$("#orbit").click();
}, 4000);
});

Here's my orbit code:

```<ul data-orbit> <li> <img src="img/banner1.jpg" alt="slide 1" /> <div class="orbit-caption">Providing mental health and developmental serivces</div> </li> 

<li> <img src="img//banner2.jpg" alt="slide 2" /> <div class="orbit-caption">Providing mental health and developmental serivces</div> </li>
</ul>

Any suggestions to get it to autoplay when the page is loaded?

Melanie Considine commented on Melanie Considine's post over 5 years

Found it on line 1275:

```.top-bar-section ul li:hover:not(.has-form) > a {
background: #272727;
color: white; }

Posts Followed

No Content

Following

    No Content

Followers

My Posts


My Comments

You commented on Angela's post over 5 years

Out of the box, v5.2.1, using either foundation.orbit.js or foundation.min.js the slider does not play when the page loads until the arrow on the timer is clicked. I would like for it to autoplay. I might be missing something, but adding the following does not fix it:

```$(document).ready(function() {
setTimeout(function() {
$("#orbit").click();
}, 4000);
});

Here's my orbit code:

```<ul data-orbit> <li> <img src="img/banner1.jpg" alt="slide 1" /> <div class="orbit-caption">Providing mental health and developmental serivces</div> </li> 

<li> <img src="img//banner2.jpg" alt="slide 2" /> <div class="orbit-caption">Providing mental health and developmental serivces</div> </li>
</ul>

Any suggestions to get it to autoplay when the page is loaded?

You commented on Melanie Considine's post over 5 years

Found it on line 1275:

```.top-bar-section ul li:hover:not(.has-form) > a {
background: #272727;
color: white; }

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content