Put the "logo" below the menu

GlobalNationGN · October 2015

Hi People,

I have a client who wants his site with the logo below the menu. Does anyone know how I do it?

My website:

http://www.connectdesigns.ibername.com/

Client website (with the logo below the Menu):

http://www.connect-designs.com/

How make this in BeTheme?

In BeTheme options do not have this functionality.

Please help me!

Thank you,

Tiago Silva, GN

Albert · October 2015

Hi,

to make something similar, you can set menu without logo and then set logo as image in 1st section. That's the only way to set the logo similar way as it is on http://www.connect-designs.com/

Thanks!

GlobalNationGN · October 2015

Hi,

Thank you.

Already got a similar solution.

However we need to hide the logo. I did this:

#Top_bar .logo { display: none; }

#Top_bar .menu_wrapper {

background-color: transparent !important;

float: left;

text-align: center;

width: 100%;

}

#Top_bar .menu > li {

display: inline-block;

float: none;

}

#Top_bar #menu { background-color: transparent !important; }

But just want to hide the logo on the top. I want the logo for the sliding menu. How do I do?

Thanks,

GN

Albert · October 2015

What sliding menu you mean? Are you talking about sticky header or what? Please show us on screenshot where exactly you want to get this logo.

GlobalNationGN · October 2015

Hi,

Please, check the image:

We need put the logo in "down menu".
Please, help us.

Thanks,

GN

Albert · October 2015

But as we see, you are not using any of our headers. You deactivated our header completely and you are using your own instead. In this situation, it won't be possible to display logo on sticky header because actually you do not have sticky header. This can be done with some of our default headers where sticky menu is activation on scroll.

GlobalNationGN · October 2015

What?

Please check again the website:

http://www.connectdesigns.ibername.com/

We use the normal headers.

We use logo after Menu.

Only we need put the logo in only menu sticky. But, how?

Thanks, GN

Albert · October 2015

Looks like you changed something because previously your header was different. Now, you are definitely using one of our headers. To set the logo for sticky header, please remove the css responsible for removing logo (it's the 1st line of css you pasted in previous messages) and use below css code instead:

#Top_bar:not(.is-sticky) .logo { display: none !important; }

GlobalNationGN · October 2015

Thank you for the patience.

It is almost perfect.

A small error occurs when sliding the menu. Please, check:

http://www.connectdesigns.ibername.com/

How to solve?

Please, help,

Thanks, GN

GlobalNationGN · October 2015

See what happens when you scroll the menu:

Please help us.

Thanks

Albert · October 2015

The sticky menu does not work properly because you modified theme files. And because of that, sticky menu won't work as supposed to work.

GlobalNationGN · October 2015

Hi,

Thank you very much.

Already got. I clean all the previous code.

Now just need to center the menu. How do I do?

Please check:

http://www.connectdesigns.ibername.com/

Thanks,

GN

Albert · October 2015

We are sorry but menu can not be centered with this header because there is logo and search icon. Because of that features, it is technically impossible. You can only use below css but this won't be perfectly centered.

#Top_bar.is-sticky .menu_wrapper { width: 85% !important; }

GlobalNationGN · October 2015

Hi,

Is perfect.

But how make to center also normal menu? (not sticky menu).

Thanks,

GN

Albert · October 2015

We thought that you want to center menu items in sticky header only. However, if you want to center both, you should use below css instead:

#Top_bar .menu_wrapper { width: 85% !important; }

GlobalNationGN · October 2015

Perfect!

Thank you,

GN

Albert · October 2015

You're welcome

Put the "logo" below the menu

Comments