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

Technical Q&A

Topic summary

A user is trying to add a “quick view” button to the mobile version of their store using the Motion theme. The button currently only appears in desktop view.

Proposed Solutions:

  • GemPages suggests editing the theme code by navigating to Online Store > Themes > Edit code, then adding custom code above the </body> tag in the theme.liquid file. They note that on mobile, the quick view button only appears when clicked (unlike desktop’s hover behavior).

  • Cedcommerce recommends adding CSS code to the theme.css file targeting screens with min-width 750px to center the banner content.

Current Status:
Another user asks for clarification on where the quick view button appears and how to activate it on product images. The discussion remains open with implementation details still being clarified.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

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. :folded_hands:t2:

Our website is www.basiner.com

2

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 on the file theme.liquid https://paste.pics/edit/JQ299

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

3

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

4

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