Skyler1440

On 4/24/2021 at 4:03 AM, tuanphan said:

Add to Design > Custom CSS

/* Reorder products on mobile */
@media screen and (max-width:767px) {
body.homepage .list-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
div#thumb-ascent-recurve-scope {
    order: 2;
}
div#thumb-limitless-recurve-aperture {
    order: 1 !important;
}
div#thumb-dot-kit {
    order: 3;
}
}

 

That worked perfectly!

Thank you!

Site URL: https://www.rivalarchery.com/user-guides

Hello!

I've added some user guides to my website for the products I sell, using a portfolio to organize them. I want to add a colored box around the text for each user guide to make it more clear that they are buttons. Ideally I'd like the boxes to have rounded corners. I would also like to know how to change the color of the text.

Thank you in advance for any advice!

Site URL: https://www.rivalarchery.com/

Hello!

What code could I use to make my Rival Limitless product show up on the top of the screen on the home page, only on the mobile view, and leave the desktop view unaffected?

Thanks!

Skyler