Header and Custom Social Media Icon

Hello, I want to change this header http://prntscr.com/d78d8e into this one http://prntscr.com/d78dn4.

The corresponding links: http://demo.xtemos.com/basel/home-marketplace/ and http://demo.xtemos.com/basel/?head1.

This is my header layout http://prntscr.com/d78dyl, I can’t seem to find the right solution for this one http://demo.xtemos.com/basel/?head1.

Custom social media icon:
I want to add Steam icon, here’s the link: http://store.steampowered.com/

Hello,

Thank you for contacting our support center.

You can choose your header layout in Theme Settings -> Header -> Header layout.

As for social icon: just use any other social network (set your url in Theme Settings -> Social) and then we will give you a code snippet to change it’s icon.

Regards

I did choose the header layout in theme settings->header->header layout. But I can’t change the search with categories layout. Please see the links I provided above:
http://demo.xtemos.com/basel/home-marketplace/ and http://demo.xtemos.com/basel/?head1

http://prntscr.com/d7f1au – the categories menu in your header layout, it’s different from http://prntscr.com/d7f1f1 (http://demo.xtemos.com/basel/?head1)

When will you provide the code snippet? Can I change vimeo icon to steam icon?

On our demo we used “Base” header layout. Try to set this one for your website also.

Did you add social icons? Can you send us a link where we can see this and then send you the code?

Regards

https://playbro.co/ check the header with login credential I provided earlier. What I’m wondering is how you setup the search box with categories?

I added the [social_buttons] shortcode to top header, but my social media didn’t display relevant link, they display sharer link only.

You can add search widget to the header in Appearance -> Widgets. Use our BASEL AJAX Search widget.

And also replace your social buttons shortcode with this one [social_buttons type="follow"]

Regards

How do I add this category thing in search box? http://prntscr.com/d7ftwv

Ok social icons are displayed properly, how do I change the social icon with my own customized icon?

Here is a code snippet you need to add to the Custom CSS section in Theme Settings to change the icon

.social-icons .fa-vimeo:before {
    content: "\f1b6";
}

Did you add widget to the header? Do you have product categories with products assigned?

Social icons works great.

The widget Basel Ajax Search is now active in my header, and I haven’t imported my products yet. I’m still using demo’s content to get used to Basel. There are product categories with products assigned already.

Any solution for my header?

We have added this widget for you, please check.

Oh wow, it’s just a woocommerce product search..

Thanks, appreciate the support.

You are welcome, we are always happy to help you, write us when you have any difficulties or issues with our theme.

And we would be glad if you will rate our theme with 5 stars on Theme Forest in case you are satisfied with our theme and customer service http://themeforest.net/downloads

Thank you in advance 🙂

Rated it, I hope the dark version comes out faster.

We will do our best to make Dark version available in the next update.

Thank you!

[Author]

Posts