how to add image to center of nav bar

OCPR
37 Posts
OCPR posted this 29 June 2016

Hi

I will like to know how can I add a logo to the nav-bar. What I want to do is to center the logo on the nav-bar and have the menu items to the right and left of it.

Please see the attached image, see how the ArmorAll logo is centered on the nav-bar and the menu items are to the left and right of it, that is the exact thing I want to do.

Thank you!

Hi I will like to know how can I add a logo to the nav-bar. What I want to do is to center the logo on the nav-bar and have the menu items to the right and left of it. Please see the attached image, see how the ArmorAll logo is centered on the nav-bar and the menu items are to the left and right of it, that is the exact thing I want to do. Thank you!
menu layout logo
Screenshot-1.png
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 30 June 2016

Hi,

Usually it is done using two Horizontal Menu controls with two different menu sources and the logo image between them. You can add a row with 3 columns, make the center column a bit narrower than the others.

Sincerely,
Hella

Hi, Usually it is done using two Horizontal Menu controls with two different menu sources and the logo image between them. You can add a row with 3 columns, make the center column a bit narrower than the others. Sincerely, Hella
OCPR
37 Posts
OCPR posted this 30 June 2016

Hi Hella

I followed your recommendation ans was able to recreate what I wanted, but the problem is that this is an html template, so I ended up with to identical nab-bars (same items on both). To go around this what I did was to export the project once i finish it and then edit the .html files, eliminating the unneeded items from each nav-bar as needed.

Thank you!

Hi Hella I followed your recommendation ans was able to recreate what I wanted, but the problem is that this is an html template, so I ended up with to identical nab-bars (same items on both). To go around this what I did was to export the project once i finish it and then edit the .html files, eliminating the unneeded items from each nav-bar as needed. Thank you!
Sct Design Group
54 Posts
Sct Design Group posted this 01 July 2016

You will need to Know how to code to get that right

http://www.armorall.com is a Drupal CMS System Also!! Not just HTML

You will need to Know how to code to get that right http://www.armorall.com is a Drupal CMS System Also!! Not just HTML

Last edited 01 July 2016 by Sct Design Group

Support Team
Support Team posted this 01 July 2016

Hi,

Indeed, it's a bit complicated with the HTML theme to make such menu. As each time as you will open the theme for editing the exported files will be overridden and your manual changes will be gone.

Sincerely,
Hella

Hi, Indeed, it's a bit complicated with the HTML theme to make such menu. As each time as you will open the theme for editing the exported files will be overridden and your manual changes will be gone. Sincerely, Hella
hadiman.g
4 Posts
hadiman.g posted this 01 May 2018

how do i use two different menu source, its only pointing to primary i cannot use the secondary source

how do i use two different menu source, its only pointing to primary i cannot use the secondary source
Support Team
Support Team posted this 02 May 2018

Hi,

Two Horizontal Menu controls in WordPress themes can have two different locations.
Simply set different menu name and use two different menus in WordPress.

wp-menu-name.png

Thank you,
Olivia

Hi, Two Horizontal Menu controls in WordPress themes can have two different locations. Simply set different menu name and use two different menus in WordPress. !wp-menu-name.png! Thank you, Olivia
wp-menu-name.png
You must log in or register to leave comments