Storefront mobile integration

  • Resolved myrdinm

    (@myrdinm)


    5 years, 10 months ago

    Hello!

    I have a little bug with the storefront theme integration. On the mobile version of the site the search results (on bottom of the screen) can’t be read while searching, I can’t scroll in the results.

    Any idea to make it display well ? Or a workaround ?

    Thanks

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hello,

    As I think for your mobile layout it is better to make mobile search form appears at the top of page and hide all other content.

    Please try to use following styles:

    @media (max-width: 568px) {

    .storefront-handheld-footer-bar ul li.search.active .site-search {
        position: fixed;
        top: 20px;
    }

    .storefront-handheld-footer-bar ul li.search.active .site-search:after {
        content: '';
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #fff;
    }

}
    Thread Starter myrdinm

    (@myrdinm)

    Thanks !

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Storefront mobile integration’ is closed to new replies.