Search on mobile issue

[Kaz]

Hello

I am trying to use the search on mobile phone but I think its broken, the same thing is happening with the other theme Freshio could you help me please?

example: https://gifyu.com/image/fYCY

also how can I add more links to the bottom mobile navigation bar?

[Billy Nguyen]

Hi there,

About this issue, please send Admin web account for me, I will check and try to help you.

[Kaz]

is there a way we can do this without an access as this is not my website it is a client website. ( I have found that I needed to change the css to bottom: 250%) but I don’t know where to change the css in this theme

also is it possible to change the number of products on the shop page on mobile phone and make it 2 columns instead of one?

thank you

[Billy Nguyen]

Hi again,

Ok, I will guide for you

#1. Search on mobile:

Please add css code into file style.css ( child-theme)

.freshio-handheld-footer-bar ul li.search.active .site-search {
    background-color: #fff;
    height: 200px;
}

#2. Use css code:

@media (max-width: 768px){
ul.products li.product {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}}

[Kaz]

thank you very much worked perfectly

[Billy Nguyen]

Ok, let me know if you need to help.

Have a nice day!

[Author]

Posts