Full width search bar and exiting website on pressing back in mobile

  • Resolved dalaldhairya

    (@dalaldhairya)


    4 years, 4 months ago

    Hi,
    Im trying to create a full width search bar below the header area. So, in that case I have entered following code:
    .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit.woocommerce.dgwt-wcas-active {
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 1em;
    max-width: 1200px;
    }
    So its appearing small in center but when I click on search bar it expands to full screen. But I want to create a full screen.

    Second, when in mobile view I press search but then when I press the back button its exiting the whole website rather than exiting the search

Viewing 6 replies - 1 through 6 (of 6 total)
  • Majeed Raza

    (@lorro)

    4 years, 4 months ago

    Please post the address of your site.

    Thread Starter dalaldhairya

    (@dalaldhairya)

    4 years, 4 months ago

    http://www.farmzii.com
    If you open in mobile and go on to search bar and press “back” button the website closes instead it should have closed the search page.

    Majeed Raza

    (@lorro)

    4 years, 4 months ago

    Yes I see the problem. There are two back buttons. Confusing, but it looks like this is how its been designed. The browser back button takes you out of the site and its not what you want. The second back button is immediately to the left of the search box and this takes you back to the page, which is what you do want.

    My suggestion is to restyle the search back arrow as a link:

    .dgwt-wcas-om-return {
  width: 110px !important;
}
.dgwt-wcas-om-return:after {
  display: inline-block;
  padding: 10px 4px 4px 4px;
  content: "Back to site";
  color: Blue;
  text-decoration: underline;
}
.dgwt-wcas-om-return svg {
  display: none;
}

    For a better answer, please try the search plugin support forum.
    https://wordpress.org/support/plugin/ajax-search-for-woocommerce/

    Thread Starter dalaldhairya

    (@dalaldhairya)

    4 years, 4 months ago

    Actually, even when I’m deactivating the plugin, it gives the same error!
    I don’t know how to set it.. May be its a bug in the theme itself. If you could help me to link the back button of our mobile to perform function as return to previous page rather than closing the website

    Majeed Raza

    (@lorro)

    4 years, 4 months ago

    The default Storefront search bar doesn’t have a back button. Maybe you didn’t clear autoptimize.

    No, I can’t influence the behaviour of the browser. If that were possible no site would let you leave it…

    dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    4 years, 3 months ago

    Hey there,

    It looks like you may no longer need lorro’s help here as we haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Thanks,

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Full width search bar and exiting website on pressing back in mobile’ is closed to new replies.