How to add "quick view" button in mobile view- motion Theme

[basiner]

Hi there~

We're using Motion Theme for our online store.

my problem is how to add "quick view" button in the mobile view, cause we only see the "quick view" shown on the desktop view.  please assist me with this issue.🙏🏻

Our website is www.basiner.com

[GemPages · Accepted solution]

Hello @basiner 

This is GemPages - A powerful Page Builder. Regarding your question, I would like to give you some recommendations to support you

In this case, please go to Online Store > Themes > click 3 dots button > Edit code https://paste.pics/edit/JQ278 and add code above the tag </body> on the file theme.liquid https://paste.pics/edit/JQ299

<style>
      @media(max-width: 425px) {
        .quick-product__btn {
          display: block !important;
        }
      }
    </style>

But you need to note, mobile quick view is only visible when you click on it, it's action on mobile unlike desktop just hover to show

Hope my recommendation can support for you!
Kind & Best regards!
GemPages

[LovelyVal13]

Thanks for this info!  Where does the quick view button show?  How to activate it on the product image please?

[Cedcommerce]

Hello @basiner, 

To solve this issue you can take the help of a custom code.  

Add the below-provided code at the end of your theme.css file.

@media screen and (min-width: 750px){

.banner__content.banner__content--bottom-center {

   align-items: center;

   justify-content: center;

}

This will resolve your issue, get in touch or inbox us if you need any more help. 

All the best, 

CedCommerce