Nav Menu Vertical Alignment After 6.2.5 Update

[serhatugur]

Hi,

Is there a css workaround to align all elements in the navbar vertically? It was looking fine before I updated the theme. I want my user icon to appear just above the red line I’ve drawn.

[rad]

Hi @serhatugur,

Thanks for reaching out.

The cart part is intentionally made that way (center vertically). But I do see the alignment issue between the last menu item compared to other menu items. And it’s due to this custom CSS,

.x-icon-user {
    font-size: 20px;
}

Please remove it and test it again.

Thanks!

[serhatugur]

Thanks, Rad. That worked. With that being said, is there any way to change the default double angle menu icon to single angle icon?

[rad]

Hi @serhatugur,

Glad it’s working now. And yes, it’s possible but, please add this CSS to your child theme’s style.css

.x-navbar .desktop .x-nav li>a>span:after {
    content: "\f078" !important;
}

It’s X default header and styling is coming from stack CSS.

Thanks!

[serhatugur]

Hey Rad,

I just was doing your suggestion but I realized that now some of the icons have gone away.

Plz see the screenshot or you can see it live on Chrome https://www.bigdataball.com/wnba-2018-schedule/

Any advice?

[ruenel]

Hello There,

The icons were not displaying because font awesome files were not loaded in your site. I can see that you are using WP Rocket. Please clear your caches especially after you have updated the theme so that the latest codes, changes and files were used and not the cached files of the old versions.

If nothing is helping, please provide us access so that we can investigate.

Thanks.

[serhatugur]

Thanks, @RueNel. I got it sorted out via WP Rocket admin panel.

[thai]

Glad you’ve sorted it out