Fundraiser Theme – Header Top Bar

[rrivers]

Hello, I’m having trouble getting the header topbar to appear. Looks like the Fundraiser theme styled it this way, I found “span.hidebar” in the css style section. Is there a way to override this?
I desperately need to add the language switcher widget to the topbar. Or, is there a way to add the widget into the main navigation menu or that area?

[Sonal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Dave

[rrivers]

indspirefunding.ca

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Header >> Header Layout and select header layout 1.

Regards,
Dave

[rrivers]

Thank you so much!

How can I reduce the height of the bar? I’m adding the language switcher widget and would like for the language option to appear as FR or EN button only, not the entire word with the bullet point to the left of it.

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.head-info-area .right ul { margin:0;}
.lang-item { list-style:none;}

Regards,
Dave

[rrivers]

Hello I’m getting closer. I’ve added the social media icons to the head info area and would like them to be listed on the right inline with the language buttons.

I would like the icons to appear in white. For the language options, I would like them to appear as EN and FR instead of the full words. Is this possible? Appreciate the support.

indspirefunding.ca

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.right .icon { fill:#fff;}
.head-info-area .right li:first-child span { width:20px;}
.head-info-area .right li span { width:17px; overflow:hidden !important; float:left; margin-left:20px !important;}

Regards,
Dave

[Author]

Posts