Return to previous page

Header Issues, Logo not completely centred

This topic has 14 replies, 4 voices, and was last updated 6 years, 8 months ago ago by Olga Barlow

sasha pattinson

Participant

August 1, 2017 at 15:04
Hi there,
I have been having issues with my logo (in my header) not being completely centered.
I was told by chat support to add a custom CSS
```
.header-wrapper.header-center3 .header-left-wrap {
    width: 29%;
}
```
which I did. It is better but not completely perfect, it is still not dead center.
Does anyone know how can I have my logo centered properly?
Also, do I need to add this custom CSS manually to each page?
Thanks for your help 😉
#169186 Copied
13 Answers

Amzy Leel

Participant

August 2, 2017 at 06:09

Hi,

1. remove the custom css
2. disable the secondary menu in 8theme options >> general >> secondary menu >>
Enable secondary menu >> OFF

#169229 Copied

Amzy Leel

Participant

August 2, 2017 at 06:12

And,

– no. if you add the css in 8theme optons >> styling >> custom css >> global custom css you do not have to add the code to every page. It will affect all the pages automatically.

#169230 Copied

sasha pattinson

Participant

August 2, 2017 at 11:54

Hello Amzy Leel,
Thank you for getting back to me.
I removed the CSS as requested by you and looked at the Secondary Menu option, which was already Disabled. I enabled it and disabled it and saved the setting. The homepage is fine however with all the other pages the logo is still off center (pulling to the right).’

#169247 Copied Theme version: xstore WooCommerce version: product vondors

sasha pattinson

Participant

August 2, 2017 at 12:00

I hope you have some other ideas to help me fix this issue 😉

#169248 Copied
Olga Barlow

Support staff

August 3, 2017 at 10:05
Hello,

Remove the following code
```
.header-wrapper.header-center3 .header-left-wrap {
	width: 29%; 
}
```
After that add the following code
```
@media only screen and (min-width: 992px) {
	.header-wrapper.header-center3 .header-logo {
		width: 36%;
	}
	.header-wrapper.header-center3 .header-logo img {
		margin-left: -100px;
	}
}
@media only screen and (min-width: 1200px) {
.header-wrapper.header-center3 .header-logo img {
		margin-left: -60px; 
	}
}
```
Regards
#169324 Copied
sasha pattinson

Participant

August 3, 2017 at 11:54

Hello,
I received an email from Olga with a different code to add to CSS. I deleted the old and added the new code, as requested, unfortunately the problem is not fixed, there has been no “visual” change, the Logo is still off center (pulling to the right).
Sasha

#169334 Copied
Rose Tyler

Support staff

August 3, 2017 at 13:21
Hello,

Seems you have a problem in custom css, so try to replace all your code:
```
.banner {
    box-shadow: 0px 0 12px rgba(185, 163, 157, 0.1);
}
@media only screen and (min-width: 992px) {
	.header-wrapper.header-center3 .header-logo {
		width: 36%;
	}
	.header-wrapper.header-center3 .header-logo img {
		margin-left: -100px;
	}
}
@media only screen and (min-width: 1200px) {
.header-wrapper.header-center3 .header-logo img {
		margin-left: -60px; 
	}
}
```
or provide wp-admin access in Private Content.

Regards
#169343 Copied
sasha pattinson

Participant

August 3, 2017 at 14:01

Hello Rose,
thanks for that, I added the code in CSS the Logo is perfectly centred on the Homepage, however is not cantered on all the other pages. I have added the WP login info as requested, if you could help me to resolve this “Logo” issue for every page that would be fabulous?
Many thanks for your assistance.
Sasha

Please, contact administrator
for this information.

#169347 Copied Theme version: xstore WooCommerce version: product vondors

Rose Tyler

Support staff

August 3, 2017 at 14:10

The wp-admin credentials are incorrect.
Please check them.

Regards

#169349 Copied

sasha pattinson

Participant

August 3, 2017 at 14:18

My Apologies Rose, please see below

Please, contact administrator
for this information.

#169352 Copied

Rose Tyler

Support staff

August 3, 2017 at 14:27

Transfer this code https://prnt.sc/g3vvz8 from custom css for page to Theme Options > Styling > Global custom css.

Regards

#169355 Copied

sasha pattinson

Participant

August 3, 2017 at 14:47

Hello again,
I am sure this is driving everyone crazy, including me.
I applied the Global CSS changes, however it is still not properly centered.
You will see the Logo does not align with the Headings on each page… Please take a look.
Sorry, but it cannot stay like this.
Help please?
Sasha

#169360 Copied

Olga Barlow

Support staff

August 4, 2017 at 13:14

Hello,

Sorry for this. We have removed that custom and just increase the size of the logo block. I suppose now everything should we ok.

Regards

#169457 Copied
Tagged: header issues, logo, templates, woocommerce, wordpress
Viewing 14 results - 1 through 14 (of 14 total)