[Resolved] Help Centering Navigation Icons.

[Matt]

Is there any way to add a centering option to the desktop version of the search and basket icons on the desktop version only. I have mobile version of these icons removed. The vertical centering is off and it would be nicer looking to center it from the side of the page and the “my account” menu option.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

The current URL isn’t a valid URL.

Let me know 🙂

[Matt]

edited

[Matt]

I have 2 topics open for 2 separate issues. Same website so use the same login and pass to view the website.

[Leo]

Can you try setting the menu item height to 50px in GP’s customizer and see if that works?
https://docs.generatepress.com/article/menu-item-height-width/

[Matt]

I changed the menu item height from 60px to 50px as requested and there is no change in the icons.

[Leo]

It looks like GP’s style is getting overwritten by Megamenu:
https://www.screencast.com/t/ukXadvmoo

When I changed that to 50px, the icons align:
https://www.screencast.com/t/RZiO4lYq

Are you able to change that within the plugin?

[Matt]

I found the line height option in mega menu that is set to 1.2px and when I change it to 50px it breaks the whole menu and background. https://imgur.com/a/F2sLF2q

Also I saw this setting which was already 50px.

View post on imgur.com

[Leo]

Ok try adding this CSS:

.main-navigation ul li a {
    line-height: 50px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Matt]

fixed!

[Leo]

Glad to hear!

[Author]

Posts