Search Bar Broken in Mobile

  • Resolved Bidyut

    (@iambidyut)


    4 years, 2 months ago

    Hi,
    After using the plugin and adding the search icon for mobile header (with search icon only) the first issue I faced was the inability to change the color of the icon – however I changed the icon color via CSS.
    But the major issue I faced while clicking on the icon, the search popup window layout is broken and crossing the mobile width, as you can see in the given picture the popup search window has exceeded the mobile border width.
    https://i.imgur.com/6rFNRAb.jpg
    So, please help in solving this issue. Thank you.

    The page I need help with: [log in to see the link]

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

  • Dear all,
    facing the same problem – any help welcome!
    Thanks.

    Plugin Author Damian Góra

    (@damian-gora)

    You will be able to change the icon color using settings in the next plugin version. Currently, you have to do it via CSS. For white color you can use the following CSS:

    
body .dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier-handler path {
  fill: #fff;
 }

    Mobile version
    Probably you have CSS conflict with your theme. CSS fixes should solve it. Unfortunately, I can’t check it, because you disable my search bar.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Search Bar Broken in Mobile’ is closed to new replies.