how to add social icon in the header with the menu and not in sliding top

Darkduke767 · March 2019

Hello!

We use the theme for the following web site : https://bullesdekefir.com

We can't add social media in the menu, the only option ww have is the sliding top but we don't want to use this.

We don't have a footer as we don't need one.

Could you help me ?

Thanks

Pablo · March 2019

Hi,

First what you have to do is turning on the "Action Bar"

Theme Options > Menu & Action Bar > Action Bar

Then, go to the Theme Options > Social and fill these fields with socials you want to see in the social menu.

That's all.

Thanks

Darkduke767 · March 2019

We have fill socia section with proper links.

The icon appears in the mobile menu.

Pablo · March 2019

Did your turn on the Action Bar?

Theme Options > Menu & Action Bar > Action Bar

http://prntscr.com/n4pdlr

Thanks

Darkduke767 · March 2019

Hello,

The Action Bar is on,

I have the menu (again don't need it where can I delete it ?) but still no social icon

Have a look

Thanks

Bryan · March 2019

Hello,

the simple style header does not have an action bar present. Please use the classic header style instead. You can turn it transparent in theme options>global>general. There you will find transparecy options for the header and top bar with menu.

cheers

Darkduke767 · April 2019

Hello,

I tried this and choose the classic header, I was able to enable the action bar, I get the menu but not the social icons... I made a screen print as the website is on line :https://www.bullesdekefir.com/wp-content/uploads/2019/04/Capture-d’écran-le-2019-04-01-à-17.05.06.png

When I put address into the theme options>social : I have to write https://facebook.com/mycompany right ?

Do uI have forget a setting somewhere ?

Thanks

Pablo · April 2019

It's because you asigned some menu in Appearance > Menus as "Social Menu Top"

Check all menus there if they doesn't have this option ticked on.

http://prntscr.com/n6b2qv

This display location must be free to display the social menu.

Thanks

Darkduke767 · April 2019

Hello

I see, It works. Thanks!

A last point please... is it possible to have transparecy for the action bar too ?

Thanks

Darkduke767 · April 2019

Hi,

I have others questions.

1. Is it possible to hide the action bar in mobile menu ? as we already have the social icons with the menu ? Please see the picture here : https://www.bullesdekefir.com/wp-content/uploads/2019/04/Capture-d’écran-le-2019-04-02-à-10.53.09.png

2. I have a problem with responsive.

For mobile I'm correct but not for ipad for example.

Please pictures here : https://www.bullesdekefir.com/wp-content/uploads/2019/04/Capture-d’écran-le-2019-04-02-à-11.02.01.png

and here https://www.bullesdekefir.com/wp-content/uploads/2019/04/Capture-d’écran-le-2019-04-02-à-11.02.20.png

and here : https://www.bullesdekefir.com/wp-content/uploads/2019/04/Capture-d’écran-le-2019-04-02-à-11.02.12.png

Ipad pro seems ok but my bottle is stick to the logo...

I made few tests with revolution slider settings, and the theme but I can't fixed it. So I certainly miss something or do something wrong. Could you help me ?

Thanks again!

Pablo · April 2019

1) I do not see the action bar, you have to enable it first - then I'll be able to customize it.

2) The problem is related with your logo, take a look how big is it on mobile

http://prntscr.com/n6t172

It's inherit the height of the logo, that's why the menu is pushed down, because it's on middle of the height of that logo.

To prevent that, you have to replace the logo for mobile to be smaller.

You can do it in the Theme Options > Responsive > General

http://prntscr.com/n6t2gj

Thanks

how to add social icon in the header with the menu and not in sliding top

Comments

This website uses cookies