Solved Templates

How to remove * on product option and can you display different number of columns on mobile

Asked by Dina Abramson 4 years ago Last activity 4 years ago

Hi, I have 2 questions.

1.  Is there a way to remove the * on product option.  It is currently on two rows with * on first line and Container on the next line.

https://awdtest1.com/images/remove_asterisk.png

  1. Is it possible to have 3 products columns on desktop and only 2 on mobile.

I am using Shopin template.

Any help you can provide is appreciated.

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 years ago · edited

Hi there!

Thanks for your query.

  1. It is marked as a required field, so the staric mark appears. Please use the following code to keep them in one line:
    .view-products .j2store-product-list .options .option {
 flex-direction: row !important;
}
  2. It's all about j2store settings I think...

Best Regards

3 more replies

Oldest first Newest first Most helpful
Dina Abramson Asked this
4 years ago

Hi, that works on desktop (I tried it), but on mobile the columns are too narrow. Is it possible to display only one column on mobile instead of 3? On desktop, 3 columns are perfect.

https://awdtest1.com/images/columns_mobile.jpg

thank you for all your help.

Dina Abramson Asked this
4 years ago

decided to go with 2 columns. looks good now. thank you for your assistance

Rashida Rahman Staff
4 years ago

Hi,

Glad that you have made it:)

You are always welcome!

Log in to reply.