Edit Header / Menu Bar

[E_K]

Hello,

1) I would like to place my logo as in attached picture. It should overlap a bit into top header and menu bar. As height of logo is high it automatically increase the size of menu bar.

2) Again how to divide top header into parts and put icons inside as in picture below? (Blog/ Where we were). I know how to place them from Header Options but can not divide and position them.

3) Can I use my own icons instead of Dante’s?

4) Finally, any chance to put images instead of text on Menu by using css?

Many thanks in advance.

Thanks

[E_K]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

If you want the header to look like the attached image, you’re going to have to hire a developer. It is not possible for Dante to look like that without a lot of customisation

– Kyle

[E_K]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.logo-left {
  margin-top: -25px;
}

I’m afraid if you wanted to add more sections to the topbar you would need to hire a developer

– Kyle

[E_K]

Hello Kyle,

Thanks for that.

Is it same for the custom icons? I have purchased some and want to use them as they suit more in some cases.

Thanks.

[Kyle – SUPPORT]

Unfortunately, again it is an advanced customisation which is beyond our scope of support

– Kyle

[E_K]

Hi Kyle,

Thanks for prompt reply.

Just final question, which line shall I edit to center menu bar in css?

Thanks

[Kyle – SUPPORT]

It’s not so easy to center the menu, the best I can do is:

.header-6 #main-navigation ul.menu, .header-7 #main-navigation ul.menu, .header-6 #main-navigation .no-menu, .header-7 #main-navigation .no-menu {
  padding-right: 33%;
}

However it will not always be exactly centered

– Kyle

[E_K]

This reply has been marked as private.

[Kyle – SUPPORT]

Looks like it’s working OK, let us know if you come across any problems

– Kyle