madseason

Steps I used are below
1. Design
2. Site styles
3. Click on mobile view icon above website
4. Click on the hamburger stack and wait for that to open
5. You will then see the color theme that was used. 
6. Open that theme and change the background overlay to the color you need.
* In my case I only had that particular theme installed on that page so it did not impact other areas of my site if that theme was applied.

Yes, good band!
Your feedback resolved my issue!
Thank you for your help

Something like this?

Try this new code
@media screen and (max-width:767px) { div#block-yui_3_17_2_1_1667102294246_27115 iframe { width: 100% !important; } .fe-block.fe-block-yui_3_17_2_1_1667102294246_27115 { grid-column-end: 10; } }  

That line means that the width is 500px, so on a screen narrower than 500px it gets cut off or the pages scales and leaves the other content with a large right margin.
iFrames are pretty rubbish, but you can sometimes get them to work with max-width:100%; or set the width to 100% and a max width of 500px. Usually takes some trial and error to get right. 

You're using Squarespace's Fluid Engine, but looks like you haven't edited the mobile layout. 
Mobile and Desktop layouts are separate on Fluid engine, which explains why many of your icons are all towards the bottom of the Library page on mobile.
Check out this guide:
Mobile layout
If that doesn't solve the problem, jump back on here, and I try and help further.

Hi,
I was curious if anyone knows if there is a way to have 2FA installed when logging into the members area?

What a good band... Mad Season....
Anyways, you can control the background of the mobile navigation menu by navigating to the Site Styles panel. I believe there also used to be an option within the 'Edit Header' tool too. Just make sure you select the little mobile icon.
Best,
Dan

This isn't currently possible.
Did this help? Please give feedback by clicking an icon below  ⬇️

Yes it does !
https://support.squarespace.com/hc/en-us/articles/206542397-Adding-videos-to-your-site

The small pictures are just square instead of rectangular, you either need to pick the book product instead of the audiobook (I think) or set it up manually and choose your own images. If you force the square images rectangular or the other way around, you'll get horrible cropping.
 

Thanks for doing that! I added !important and it worked.
Much appreciated!

Try the following.
section[data-section-id="62dd79a7e35b2f4e0edb459b"] .sqs-block-accordion .accordion-divider, section[data-section-id="62faf288a3be9945b905871f"] .sqs-block-accordion .accordion-divider { color : black; } Let us know how it goes.

Have you got black set as your default section colour? If not try this method:
 

This was a design change by Squarespace that they made on 23 September when they introduced new cart icon options. To avoid issues where the cart count may overlap the icon, they moved it to the right instead. 

All is good now. Thanks for the follow-up! 

It seems fine now, right?
https://www.awesomescreenshot.com/video/11477776?key=be16818f4776e05d46f8be492ba4de4b

As shown in my screenshot you can see a class name of mb80. That appears to control the margin you see at the bottom of the table. I'd look for a setting of some kind. As you see from the CSS other similar class names such as mb0 exist, which I assume is zero margin.

The embedded code contains an iframe which has a margin.

The only way to get rid of that margin is only possible if the system that generated the embedded code allows you to get rid of it there.
Because of browser security it is not possible, in this case, to reach into an embedded code and change it from within your SS site.

I'm glad that I could help you (at least with the first issue).

[data-section-id="632eff2b9822c24d60444278"] .list-item-media { flex:1 } This should do the trick !

I would like to help further but I don't have access to this section anymore.

[data-section-id="632eff2b9822c24d60444278"] .user-items-list .user-items-list-item-container .list-item .list-item-content { flex: 0 auto; } I've added so much selectors there, because of specificity ! There was another rule that was higher in specificity and I needed to overrule that.

Yes because you also took out the first code that I suggested. You can group them together:
[data-section-id="632eff2b9822c24d60444278"] {
     .list-item-media {
             flex:1
     }
     .user-items-list-item-container .list-item .list-item-content {
              flex: 0 auto;
      }
}

[data-section-id="632eff2b9822c24d60444278"], [data-section-id="6330ecb9ad4dd44a5c34c8be"] {      .list-item-media {       flex:1      }      .user-items-list-item-container .list-item .list-item-content {          flex: 0 auto;       } }