Docs

[wwilliams]

Hi there,

On my site, I’m trying to move my logo to the right so that it doesn’t get covered by the Yeti Image (with a high Z-Index)

http://www.petyeti.com.au/sample-page/

Current code I’m using (in the global css editor) is below – however this doesn’t seem to be working. Can you please help?

.x-brand.img {
left: 2em!important;
position: relative!important;
top: 22px!important;
}

Also, Is it possible to use the same selector (which I currently don’t know) to implement a Z-Index to raise the logo above the Yeti Image – both solving the issue of the yeti covering the logo, but also ensuring the logo is always clickable for a user to return to the home page?

[Thai]

Hi There,

Please try with this CSS instead:

a.x-brand.img {
    float: right;
}

Hope it helps 🙂

[wwilliams]

No Luck 🙁

[wwilliams]

This reply has been marked as private.

[Paul R]

Hi,

There is a syntax error in your css code, preventing the codes below it from working.

Kindly change the code that reads.

.x-btn.x-btn-alt,
.button.x-btn-alt,[type=\"submit\"].x-btn-alt {
  border-color: #02aed6;
  background-color: #02aed6;
  box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

to this

.x-btn.x-btn-alt,
.button.x-btn-alt,.x-btn-alt[type="submit"] {
  border-color: #02aed6;
  background-color: #02aed6;
  box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

Hope that helps.

[wwilliams]

This reply has been marked as private.

[Paul R]

Hi,

To fix it, you can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 64em) {
body a.x-brand.img {
    top:0 !important;
}
}

Hope that helps.

[Author]

Posts