Icon has disappeared

  • Resolved Dani

    (@danicasati)


    1 year, 5 months ago

    Hi.

    I put Fibosearch with layout=icon. Search is loaded in menu topbar, but icon has disappeared, so it’s not visible. Any suggestion?

    • This topic was modified 1 year, 5 months ago by Dani.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Kris

    (@c0nst)

    1 year, 5 months ago

    Hi @danicasati!

    You have encountered a bug that some users have reported. It is a problem with the CSS value – padding. I do not have your site’s URL to prepare a custom solution, so I can propose this, which should be universal.

    .dgwt-wcas-search-icon {
    	padding: 0px !important;
    }

    Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar with custom CSS, take a look at this video.

    Best regards,
    Kris

    Thread Starter Dani

    (@danicasati)

    1 year, 5 months ago

    Icon is now visible, but with padding limitations in order to place correctly in menu.

    Kris

    (@c0nst)

    1 year, 5 months ago

    Hi @danicasati!

    Yes, this code completely removes padding. However, you can set it yourself. Check what padding other elements in your menu have by right-clicking on any of them -> Inspect. After this action, you should see the code of your page, and on the right side the CSS. There you can find the padding property for the menu element and set the same value for the .dgwt-wcas-search-icon class. You can also try to do it manually. Here you can check how padding works in CSS: https://www.w3schools.com/css/css_padding.asp

    Remember to leave the value !important, this will make your CSS have the highest priority.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Icon has disappeared’ is closed to new replies.