[Resolved] Navigation Search icon – alignment off

[Max]

Hi there!

I’m using the latest GP Premium and have a global custom header in place on my webpage. Up until recently everything was displayed correctly but at the moment the navigation search icon (magnifying glass) does not align correctly anymore with the other menu items.
The problem only appears in desktop mode – on mobile version due to the hamburger menu, everysthing displays correctly.
I took a look at the available options of GP and at several topics in the forum but could not solve the issue. I can paste php/css but cannot write code myself. Could you take a look please?
I entered the URL below and can provide you with login details if necessary.

Best wishes

[David]

Hi there,

you have a bootstrap style sheet being loaded by another plugin which is absoltely positioning all icons that are added :before menu items.

This CSS will override what its doing:

.search-item a:before {
    position: static !important;
}

[Max]

Thanks a lot David,

That did the trick.
I appreciate the fast response.

Best wishes

[David]

Glad to be of help

[Author]

Posts