Streaming live at 10am (PST)

Active tab =/ default tab


#1

Despite having set the active tab to tab 1 in the tab settings menu, it doesn't act as the default tab when it is published. Is this a limitation of Webflow or do I need custom javascript? I would greatly appreciate a workaround.


Here is my public share link: LINK
Here is my published link: LINK


#2

Hmm.... interesting. It may be due to the interaction you put on it.

Maybe this custom code workaround may help:

<script>$('.ps_tab:first').addClass('w--current');</script>

add that to you homepage's custom code area in the end BODY tag.

​Try these steps and let me know if you're successful. I'll be standing by for your response! :slight_smile:

Cheers


#3

No such luck. Still having the same problem.


#4

Could you make your project cloneable? So that we can investigate and publish that site?


#5

The issue persists with the interaction disabled as well. Here's a gif of what happens when the page is refreshed. It appears to be trying to set the tab as active but then reverting back to an unselected state.


#6

I think I found the issue. I was using a custom script to push the 'current' class to my navbar links when a user was on a subpage that was conflicting with the 'current' class attributed to the active tab. The script is shown below.

<script>
var Webflow = Webflow || [];
Webflow.push(function() {
var curUrl = location.pathname;
  $('a').each(function() {
    $(this).toggleClass('w--current', curUrl.indexOf($(this).attr('href')) != -1);
  });
});
</script>

Is there any way to maintain my navbar functionality without sacrificing the ability to set a default tab?


#7

You want the main category being displayed as "w--current" after clicking one of its sub-page links, right?
Well since there is a different link on the main categories as well, it would not be a good usability behaviour to make the main category link displayed as "current page" where you still are on a subpage of it, wouldnt it?


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.