Adjust styles for different devices

You can use media queries to apply different styles based on the device sizes. For example, you may want to hide the life ring button launcher or the feedback button. This snippet does both:

@media (max-width: 768px) {
    .productfruits--lifering {
        display: none;
    }
    
    .productfruits--feedback-button {
        display: none;
    }
}

The CSS snippet hides both buttons if the device width is under 768 pixels, which are usually smartphones. You can adjust it to different sizes.