Docs

[[email protected]]

Hello,
I have read through 4 different forums threads and have tried various CSS suggestions, my logo stays put. I want it moved a bit to the left.

theartefact.com

Thanks,
Kathy

[Joao]

Hi kathy,

Please add the following code and adjust according to your wishes.

.x-container.max {
     margin-left: 50px;
}

**Note the original position is aligned with your website.

Hope that helps,

Joao

[[email protected]]

This reply has been marked as private.

[Rue Nel]

Hello There,

If you want to move the logo to the left, you might consider moving the menu to right as well. This will be how it gonna work. Simply add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .x-container.max.width {
    width: 96%;
    max-width: 100%;
}

Please let us know if this works out for you.

[[email protected]]

Hello, I haved moved to ethos three trying this same code in my staging site and it is not working.

I want my logo in one line, logo to the left, it is wrapping.

http://tatyanakozh.staging.wpengine.com/

[Thai]

Hi There,

Please find this CSS under Customizer > Custom > Global CSS:

@media (max-width:  979px) {
.x-btn-navbar {
  color: #333!important;
}
  /*trying to get get logo left*/
.x-navbar .x-container.max.width {
    width: 96%;
    max-width: 100%;
}

}

And change to this:

@media (max-width:  979px) {
	.x-btn-navbar {
	  color: #333!important;
	}
}
/*trying to get get logo left*/
.x-navbar .x-container.max.width {
    width: 96%;
    max-width: 100%;
}

Hope it helps 🙂

[Author]

Posts