Craft Theme - Quick Add for Mobile View

[caleo2024]

Hi, I had some help to amend the quick add button to a cross (+) on the image instead, however I've just noticed the cross on the mobile view seems to appear in the middle of the product name instead of on the corner of the image - is there a way to move the placement of the (+) for the mobile view only?

Also how would I change the the wording 'choose options' to just 'options' where there are variants?

Thank you!

[EBOOST]

Hi @caleo2024 ,

Could you share store url and protect password? I will help to check it. 

* Change "choose options" to "options"

May I suggest to update code these steps:

1. Go to Store Online-> theme -> click "..." button

2. Edit default theme content 

3. Search "choose options"

4. Update it -> save

[caleo2024]

Thank you! I was able to amend the options 🙂 

stampandimpress.com.au 
PW fiw3n

[EBOOST · Accepted solution]

Hi, 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/base.css
3. Add code below to end of file

#MainContent .card--standard>.card__content {
    position: relative;
  }
  #MainContent .card__content .quick-add {
    top: -25px!important;
    right: 0!important;
    grid-row-start: none;
    margin: 0;
  }
  #MainContent .quick-add__submit {
    line-height: 1;
    min-height: 25px;
  }
  #MainContent .collection .card__media {
    transform: scale(1);
  }

[caleo2024]

Perfect! Thank you so much 🙂