[CousettMember]

You will need to add the URL where it says href="#" so for it to link to google it will change to href="http://www.google.com"

I hope this helps.

[clovisdParticipant]

Sorry for any confusion. What I’m trying to do is get a X Shortcode button to, when press, display the Top Widget bar slider.

Changing the HREF to google.com (or anything else) sends the viewer to goolge (rightfuly so). I just want to “Contact Us” button to cause the Widget Bar dropdown to appear.

THanks! ~~

[ZeshanMember]

Hi Clovisd,

Thank you for writing in!

For that purpose, please add a class of open-widgetbar to the button shortcode. i.e:

[button type="real" shape="square" size="jumbo" href="#" class="x-btn-widgetbar-alt collapsed open-widgetbar" data-toggle="collapse" data-target=".x-widgetbar"]Contact Us[/button]

After that, add the following code under Custom > JavaScript in the Customizer:

jQuery(document).ready(function($) {
   var wBtn = $('.x-btn-widgetbar-alt');
   var wBar = $('.x-widgetbar');

   $('.open-widgetbar').click(function(e) {
      e.preventDefault();
      wBar.toggleClass('in');
      wBar.animate({
         'height': 'auto'
      }, 850);
   });
});

Hope this helps. 🙂

Thank you.

[clovisdParticipant]

Great. This works. Had to remove all the other javascript I had in there.

Thank you very much! 😀

Clovis

[ZeshanMember]

We’re glad to help Clovis! 🙂 Have a great day!

[Author]

Posts