Is there any way to align the top menu bar with the logo image?

Illdy
1

I’m trying to align the menu section up with vertical centering as its position, right now it’s stuck at the very bottom of the bar and no matter what I do I can’t manage to move the text up to central in line with the logo?

2

Hi @jwfhesketh,

Please send us your live website so we could check and send you instructions.

Thanks,

Cristian

3

Hi Cristian

No problem, the live site is stlyegurultd.com.

4

Sorry, typing error, it is stylegurultd.com

5

Hi @jwfhesketh,

The best you could do is with this CSS code:

#header .top-header .header-navigation {
    float: none;
}

Copy and paste this CSS into Appearance > Customize > Additional Css

Thanks,

Cristian

6

Hi Cristian

Unfortunately that didn’t work, it moved it further over towards the logo but that isn’t what I am looking for. I am trying to move the text from the bottom of the bar up to central in the bar (for example, how the menu bar is at the top of this page)

7

Hi @jwfhesketh,

Thanks for pointing me out this good example with the menu bar as the top of this page, now I think I know what you want to achieve. Copy and paste this css code in Appearance > Customize > Additional Css:

#header .top-header .header-navigation ul {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    list-style-type: none;
}

Thanks,

Cristian

8

Thanks Cristian, that has worked absolutely perfectly!

9

Hi @jwfhesketh,

You’re welcome,

Cristian