Adjusting mobile margins

www.stoneandmarrow.com / pw sm2024

Hi, I've added custom code to my breadcrumb navigation and now it's scrolling on mobile instead of adjusting with the screen.

Please help!

So what should it look like? Appears in 2 rows or?

I'd like it to be in one row, just how it is on desktop. Just sized down to fit the screen.

@tuanphan and while I have you here 🙂 why is the carousel arrow on the home page not working on mobile?

31 minutes ago, leereid said:

@tuanphan and while I have you here 🙂 why is the carousel arrow on the home page not working on mobile?

also noticing it doesn't work on smaller desktop windows either...

this is the code I used to adjust the arrows:

.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {   float: none;   width: 90%;   position: absolute;   bottom: 95%;   left: 50%;   -webkit-transform: translate(-50%,-50%);       -ms-transform: translate(-50%,-50%);           transform: translate(-50%,-50%);   -webkit-box-pack: justify;       -ms-flex-pack: justify;           justify-content: space-between;   z-index: 9; }

On 3/26/2024 at 9:41 AM, leereid said:

I'd like it to be in one row, just how it is on desktop. Just sized down to fit the screen.

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
ul.nested-category-children * {
    font-size: 14px !important;
}
}

Arrows are fine to me