2 column Mobile view for shop items

Site URL: http://www.maxishop.ca

 We would like the "mobile view' to show two columns for shop items. right now (see attachment ) the items are stacked . Any suggestions on how to achieve this please?

49 minutes ago, maxi said:

Site URL: http://www.maxishop.ca

 We would like the "mobile view' to show two columns for shop items. right now (see attachment ) the items are stacked . Any suggestions on how to achieve this please?

 

You can try this snippet

@media only screen and (max-width: 600px) {
        .sqs-gallery-design-autogrid-slide {
          width: 49% !important;
          float: left;
          clear: inherit !important;
          margin-left: 1%;
        }
}

thank you it worked..  

On 1/2/2021 at 9:57 AM, bangank36 said:

You can try this sni

 

Is there a CSS to change the "announcement bar' from static to rotating ? so different announcements can be added ? and that it would also apply to mobile .Horizontally scrolling text on announcement bar.  SIMILAR TO https://www.saksfifthavenue.com , but would like it to move left to right .. not right to left . 

3 hours ago, maxi said:

Is there a CSS to change the "announcement bar' from static to rotating ? so different announcements can be added ? and that it would also apply to mobile .Horizontally scrolling text on announcement bar.  SIMILAR TO https://www.saksfifthavenue.com , but would like it to move left to right .. not right to left . 

It should be custom javascript not just css, 

SS should have that feature availabe for scrolling text on A-bar. I also attempted to change colour of categories in primary nav -- but could not. Im assuming there is CSS for that ? correct ? ie so i can make "sale" in primary nav --> red in colour 

On 1/18/2021 at 11:51 PM, maxi said:

SS should have that feature availabe for scrolling text on A-bar. I also attempted to change colour of categories in primary nav -- but could not. Im assuming there is CSS for that ? correct ? ie so i can make "sale" in primary nav --> red in colour 

 

 

 

 

To change "sale" color, add this to Design > Custom CSS

header.Header [href*="Category=sale"] {
    color: red !important;
}

Thank you.. .will it work for mobile view ? or is the separate CSS for that ? 

is there a css to create a 'clearance' badge  

10 hours ago, maxi said:

is there a css to create a 'clearance' badge  

Do you have an example?

11 hours ago, maxi said:

Thank you.. .will it work for mobile view ? or is the separate CSS for that ? 

 

With mobile try this CSS

@media screen and (max-width:640px) {
header.Header [href*="Category=sale"] {
    color: red !important;
}
}

the CSS didnt work -- top nav sale and clearance not "red"  via mobile view -> www.maxishop.ca

Try this new code

a.Mobile-overlay-nav-item[href*="Category=sale"] {
    color: red !important;
}

yup...this css worked. thank you. one more thing.. 

The  colour choice for the "sale price" inside the block can be changed in design page. however the "sale price" in the gallery cannot ? Is there a code for this as well for both views via compter and mobile? these are features that i am surprised are not automatically included in the plan per template. 

Also there are only 2 badges embedded in the programming-->  one is SALE as shown in the attachement and the other is SOLD OUT. there should be atleast 3 so CLEARANCE can be included or PRE-ORDER , or NEW so items stand-out for the consumer. 

Anyhow, so just to make the SALE PRICE in gallery red would help.  see attachment. 

Thanks again for the CSS for mobile.