Align menu logos with text

Resolved misterplum
(@misterplum)

2 years, 6 months ago
Hello,

I’ve added some social logos to my navigation menu, and I would like them to be vertically aligned with the text elements of the menu.

How can I proceed?

Thanks a lot
- This topic was modified 2 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Umesh Gupta
(@umesh84)

2 years, 6 months ago
hello @misterplum
Please add the following CSS in that your style.css
```
#top-menu-nav .nav {
  display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
```
Thread Starter misterplum
(@misterplum)

2 years, 5 months ago
Thank you @umesh84 ! It worked!
- This reply was modified 2 years, 5 months ago by misterplum.
Thread Starter misterplum
(@misterplum)

2 years, 5 months ago

Hello again @umesh84 , with the code you gave me the desktop menu appears on top on a mobile phone, instead of just the mobile menu. How do you fix this problem?
Umesh Gupta
(@umesh84)

2 years, 5 months ago
Hi @misterplum

Please add this css
```
#top-menu {

display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
```
Thread Starter misterplum
(@misterplum)

2 years, 5 months ago
Hello @umesh84, thanks for your answer but it doesn’t seem to solve the problem…
See picture:
https://www.lechantdescimes.fr/wp-content/uploads/img/menu%20screenshot.jpg
- This reply was modified 2 years, 5 months ago by misterplum.
Umesh Gupta
(@umesh84)

2 years, 5 months ago
Hello @misterplum

please add below css:
```
#top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 980px) {
    #top-menu {
        display: none;
    }
}
```
Thread Starter misterplum
(@misterplum)

2 years, 5 months ago

Thank you @umesh84, it fixed the problem!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Align menu logos with text’ is closed to new replies.

Align menu logos with text

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics