Fundraiser Theme – Header Top Bar

Home Forums All Other Themes Fundraiser Theme – Header Top Bar

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #104745
    rrivers
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: July 25, 2018

    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?

    #104770
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Dave

    #104804
    rrivers
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: July 25, 2018

    indspirefunding.ca

    #104845
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #104846
    rrivers
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: July 25, 2018

    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.

    #104931
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

    #106569
    rrivers
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: July 25, 2018

    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

    #106794
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.