Return to previous page

Center logo on header - by Rose - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 7 years, 3 months ago ago by Rose Tyler

Rose

Participant

December 31, 2016 at 00:59

Hi,

I would like to use Header #3, but I want to center the logo so that the logo is in the middle and there are 3 menu options on each side (like in header #17). I did this on a site with the “Woopress” theme, but the code I used for that does not work in this instance. How can I center the logo in Header #3? Thank you so much for your help.

The header background should be a slider like in this example (but with the logo centered)

https://www.8theme.com/demo/royal/travel/?et_styles=0-1-2-0-0-1

menu item 1 menu item 2 menu item 3 LOGO menu item 4 menu item 5 menu item 6

#150637 Copied Theme version: Royal WooCommerce version: 2.6.11

5 Answers
Rose Tyler

Support staff

January 3, 2017 at 10:19
Hello,

Try to set header #17 and add this code in Custom css:
```
.header-wrapper.header-type-17 {
    z-index: 3;
    position: absolute;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
}
```
If this is not what you want then provide me screenshot, link to your site and wp-admin access in Private content area.

Regards,
Rose Tyler.
#150723 Copied
Rose

Participant

January 5, 2017 at 22:35

Hi,

That mostly did exactly what I needed it to do, thank you so much! The only thing is that the black bar above the menu (with the login and checkout links) is now not full width like the rest of the header. Is there an easy fix for this? I can send a screenshot of the page if that is helpful to demonstrate what I am talking about.

#150989 Copied

Rose Tyler

Support staff

January 6, 2017 at 07:58

Hello,

Could you please provide a link to your website so we could check it?

Regards,
Rose Tyler.

#150999 Copied

Rose

Participant

January 18, 2017 at 02:27

Hi,

Thank you for getting back to us, it is now displaying correctly. Thank you!

#152192 Copied

Rose Tyler

Support staff

January 18, 2017 at 07:59

Hello,

You’re welcome!

Regards,
Rose Tyler.

#152197 Copied
Tagged: attractive look, center logo, header design, seo friendly, wordpress woocommerce theme
Viewing 6 results - 1 through 6 (of 6 total)