Update removes Magnifier

Hi @troyw2015!

It looks like the FiboSearch icon added to the mobile menu is functioning as expected. It’s positioned at the very bottom and opens our mobile overlay when clicked (see screenshot). If you’re still encountering the issue described, it might be due to a cached, outdated version loading after the update. Try clearing the cache, and check if it works correctly in incognito mode on your phone.

On another note, I didn’t find an icon in the header (I confirmed it’s not hidden in the HTML either). Was it previously visible there and has now disappeared? Please go to WP Admin -> Appearance -> Menus, select the navigation menu, and confirm that the “FiboSearch bar” element has been added. Check the screenshot for guidance.

Best regards,
Kris

Hey Kris,

Thanks for your response. Yes, the mobile menu seems to be working fine, its just the desktop navigation it is missing. If you click inbetween ‘My Account’ and the Cart icon, the search bar appears, but the icon is missing.

I have checked the menu as you suggested and the Fibo Search Bar is included. What I did notice is that the Layout was set to default, so I selected search icon and saved the menu. However, the icon still does not appear. I have reverted back to default now.

The reason I ask if you have perhaps changes the CSS selector is that we have a small customisation, which may affect the icon.

.inside-navigation .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
order: 2;
margin: 0;
width: auto;
line-height: 55px;
padding: 0 5px;
}

Interestingly, I seem to have a spinning wheel above the position of the icon now too, which indicated something is not loading?

Thanks

Hi @troyw2015.

The icon should display correctly with the following CSS code. The issue doesn’t seem to be related to the FiboSearch update but rather to the .main-navigation .main-nav ul li a class from the theme. This class sets the left and right padding to 10px, leaving no space for the icon inside .dgwt-wcas-search-wrapp, which has a width of 20px when the layout is set to “icon.”

.main-navigation .main-nav ul li a.dgwt-wcas-search-icon {
	padding: 0;
}

.inside-navigation .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
	padding: 0 3px;
}

Best regards,
Kris

I also have an issue with the time it takes for the icon to load.

Is there anyway to preload the icon?

Hi Kris,

Thanks for that CSS, that seemed to fix it. I’m a little baffled as to how it happened in the first place, but all good now.

Thanks