Change the position of Reviews badge on mobile

Ask the Community Customization
1

Can you send a code that helps align it to center on mobile only

2 Likes
2 
/* For Mobile (screens smaller than 768px) */
@media (max-width: 767px) {
    [class*="BadgeContainer__Inner-sc"] {
        position: fixed;
        bottom: 50px; /* Places the widget lower */
        left: 10px; /* Positions the widget to the left */
        padding: 10px;
        z-index: 9999; /* Ensures it appears above other elements */
    }
}

/* For Desktop (768px and above) */
@media (min-width: 768px) {
    [class*="BadgeContainer__Inner-sc"] {
        position: fixed;
        bottom: 20px; /* Places the widget lower */
        left: 20px; /* Positions the widget to the left */
        z-index: 9999;
    }
}
3 Likes
4

Hi there, @No_Faff_Marketing :wave:

The solution by user1004 is great! Please try to use it in the Custom CSS field on the Style tab of your widget’s settings and let us know how it worked for you :slightly_smiling_face:

@user1004, a huge thank you for your help - that’s much appreciated!

2 Likes