Fibo Search Icon Not Showing Up In Menu

Hello Mark,

Can you try adding the following CSS code to your Theme Customizer > Additional CSS section:

.dgwt-wcas-search-wrapp {
opacity: 1 !important;
display: block !important;
}

Best regards,
Clint

Hi Clint

Thanks for the reply

This seemed to work at first, although half the search box was missing.
Now it’s reverted back to not showing, so not sure what is going on here

Hello Mark,

Was this the search icon to the right-most part of the menu earlier? It doesn’t seem like the styling is applied. Can you remove the CSS code from earlier so we can start over?

It shows to the left of ‘Home’.

Ok that has been removed.

Hi Mark,

Your search bar is not within its HTML container (it sticks out). When you hover over the menu elements, the part which overflows the container is cut. This must be some theme setting doing this.

You can use the following CSS code to place it properly:

.dgwt-wcas-search-wrapp {
  right: 0 !important;
}

To move the “Search…” notice next to the icon, use:

#top .av-main-nav .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    padding: 10px 15px 10px 35px;
}

Let us know if it helps ??

Regards,
Marta

• This reply was modified 3 years, 6 months ago by Marta.

Hi Marta

Thanks for your reply.

The bar now seems to appear fully but then disappears. Really confusing me!

Hi,

Could you add the code Clint sent you earlier? So now this would be:

.dgwt-wcas-search-wrapp {
  opacity: 1 !important;
  display: block !important;
  right: 0 !important;
}

Regards,
Marta

That seems to have fixed it. Thanks so much for your help!