Mobile Overlay Problem

  • Resolved frangoaoalho

    (@frangoaoalho)


    5 months, 1 week ago

    Dear Kris & Fibosearch team,

    If I click the ‘search icon’ normally its fine, but if I click it right in the corner of the ‘search icon’ in a mobile resolution (eg: 650px or 390px) it still triggers the search bar instead of the overlaying search box.

    This is very bad, as it increases the page size, because of the unwanted dropdown’s width.

    Also, everything is well setup in the settings, and I got a load of CSS already slowing the website because of all the design incoherences.

    Can you please help me?

    • This topic was modified 5 months, 1 week ago by frangoaoalho.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Kris

    (@c0nst)

    Hi @frangoaoalho!

    This CSS should fix the problem:

    html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
    	width: 20px;
    	height: 25px;
    	position: relative;
    	top: 2px;
    }

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

    Regards,
    Kris

    Thread Starter frangoaoalho

    (@frangoaoalho)

    I am going to paste it in a

    @media (max-width: 784px) {

    html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
    width: 20px;
    height: 25px;
    position: relative;
    top: 2px;
    }

    }

    And I am gonna heck if it works ??

    Appreciated Kris!

    • This reply was modified 5 months, 1 week ago by frangoaoalho.
    Thread Starter frangoaoalho

    (@frangoaoalho)

    Yep, it did fix the problem indeed.

    Topic Resoved!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.