Getting Logo and Menu More vertically alligned

Hey there csigabiga83,

How are you doing today?

Your site seems to be down or the URL is not good, can you please re check that?

Please let me know when your site is up and I’ll be happy to try to assist you with making those changes ??

Cheers,
Bojan

Weird, URL is good and site seems to be up. Would you mind checking again?
https://dev.dentistryon7.com/wp/

Thanks for your help Bojan ??

Hello csigabiga83,
Hope you are having good time!

Query 1 – Move the navigation menu up a bit higher in the header so that it’s approximately in the middle of the “7” in the logo
Solution – Please paste the following code at the end of your style.css file and save it.
nav.main-menu {
margin-top: 28px;
}

Query 2 – Move the logo down lower in the header to accomplish the same thing.
Solution – Above code will resolve your issue.

I hope it will resolve your issue.
Cheers!

Hi Vipin,

Thanks for trying, however the code above for margin did not work. (I actually tried playing with that css code before).

I suspect it might have something to do with the theme itself or modifications I have already made.

FWIW here are changes I’ve already made to the theme

#header {
padding-top: 10px !important;
}
#header {
padding-bottom: 13px !important;
}
nav.main-menu {
margin-right: 200px;
}

Hello csigabiga83,

So, it is done now!
That’s good!

Best Regards
Vipin

Hey again csigabiga83,

It is possible that your site was down in exact moment when I looked. I can confirm that the issue will be resolved with the CSS provided by @vipin Saini.

However, I don’t see it added there, did you remove it? If yes please try add it again so we can see if some other code is overriding it.

You can also try adding some specificity there, so try something like this:

#header nav.main-menu {
    margin-top: 28px;
}

If the code doesn’t work please keep it added and let me know so I can take a look ??

Cheers,
Bojan

Hi Bojan. That did the trick. Perhaps the difference was adding the #header before the string of code.

Thank you both for your assistance

Glad that helped ??

Perhaps the difference was adding the #header before the string of code.

In this case some other margin with the same selector was overriding this code, adding more specificity as we did above simply gives priority to that compared to the one that was overriding it before.

In case you want more information you’ll find more info about specificity here https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

Have a great day!

Cheers,
Bojan

Hello Bojan,

Thanks for resolving the issue.
@vipin Saini