Header Nav Menu Image Off Center

Support
#1

Hello,

I have an image in my main header nav.
And randomly it moved lower on the nav.
I’ts supposed to be centered vertically and horizontal on the nav panel.

Can you tell me what happened and how to fix it?

It looks awful out of nowhere now.

This is the CSS

@media (min-width: 980px) {
	.noob-fix{margin-top:-42px;}
}

This is the image coding in the menu

<img class="noob-fix "src="https://vitalitycbd.com/wp-content/uploads/2018/08/New-Vitality-Logo-V2-100x100.jpg">

The only CSS I’ve added recently was a short snippet to center all images in on the page within their columns.
I thought maybe that skewed it off the vertical alignment but removing that code and resaving it didn’t resolve it.

here’s that code just in case:

.x-img{
display:block;
margin:0 auto;
}

Thank you!

Jesse

#2

Hello Jesse,

Thanks for writing in!

Please have your code updated and use this:

@media (min-width: 980px) {
  .noob-fix{
    margin-top:-42px;
    display: block;
  }
}

We would love to know if this has worked for you. Thank you.

#3

THANK YOU!!! It worked like a charm!

#4

You’re welcome!
It’s good to know that it has worked for you.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.