Debut Theme Mobile Issue and Add to cart bellow products in collections

Solved
falcon2
Tourist
4 0 1

My problem is here:
How do i remove this ugly white border on mobile? 
Doesn't show on desktop

Screenshot_4.png

 

And i would like to add a add to cart or buy now button bellow products in collections on pc and mobile
right here:
just below the price.
Screenshot_6.png

 

page is www.wooild.com

0 Likes
PeanutButter
Shopify Partner
330 65 136

This is an accepted solution.

For your first issue, add this code at the end of your Assets/theme.css file:

@_media only screen and (max-width: 749px) {
  .slideshow__text-wrap--mobile {
    top: 0;
  }
}

.slideshow__arrows--mobile ~ .slideshow__text-content--mobile {
    padding-top: 0;
}

 

If this fixes your issue please Like and mark the answer as Accepted

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
PeanutButter
Shopify Partner
330 65 136

About the add to cart, would you want this add to cart button to appear for products without variant options or also for products with variants?

For product without variants it looks good:

Screen Shot 2021-01-25 at 20.32.14.png

 

But for products without variants it is a little bulky as you would have to add all product option selectors there:

Screen Shot 2021-01-25 at 20.32.32.png

 

For those cases it is better to use a quick-view

 

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
falcon2
Tourist
4 0 1

I will leave it as it is for now, just need to fix that box.

0 Likes
falcon2
Tourist
4 0 1

is it possible to make slideshow pictures clickable? 

0 Likes
PeanutButter
Shopify Partner
330 65 136

hi @falcon2 it is better that you open a new thread with a descriptive title and description of your new issue.  

If you send to me the link to the new thread by PM I will check it later.  In summary, it is possible to link the image of the slideshow

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes