Do I need Crio Pro to Change Header Widgets and Menus?

Hi Barry-

Thanks for reaching out, it looks like you’ve made a lot of progress on your website!

First, since you’re using one of our Platinum WordPress Hosting partners, DreamHost, Crio Pro is already included in your hosting subscription. If you don’t have it yet, download and install the Crio Pro extension plugin.

I cannot change the font size or padding for the widget with Sermon videos / Facebook Page.

Since you’re only using the Text Widget to show links, you might consider using Custom Link menu items, rather than a widget, to show these. That would make them consistent with the font and padding on the rest of your menu.

I do not want the menu to collapse after the menu link is selected

That’s a pretty unique request! We haven’t built controls for this behavior yet, but I’ll be adding it to the feedback for the developers. Here’s how you can accomplish that right now.

Navigate to Customize > CSS/JS Editor and paste these two lines into your Custom JS Code:

jQuery('li.current-menu-item').parent().css('display', 'block');
jQuery('li.current-menu-parent > a').addClass('highlighted');

Make sure that if the JS Code editor adds the two slashes (//) to your first pasted line, you delete those.

Hi Barry-

Try adding the following to your JavaScript:

jQuery('li.menu-item > a > span.sr-only').removeClass('sr-only');
jQuery('li.menu-item > a > i').remove();

Also, make sure that your ‘>’ characters are actually carets, not &gt’s.