madseason

I was able to resolve the centering issue. Took some tweaking but was successful in getting good alignment on mobile.

Yes

I need a bit of css to center the indicated text (red arrows) above the accordion boxes in mobile view only. Desktop view and tablet views are perfect. I have a picture of devices and screen sizes attached where the alignment issue exits. If I try to center text in mobile editor, it impacts the desktop and tablet views.

That fixed it.

Thank you!!

Thank you! I will experiment.

If I can figure out a workable option for mobile, when I change that code under the mobile view, won't it also change how it looks on the desktop view? If so, how do I only impact the mobile view?

Not sure how to do that. I did verify the code block and it's adjusted to full width now. Here is the code block for the picture you sent above:

 <div class="mnd-rates-widget" style="width: 500px; height: 340px; font-size: 12px; ">
    <div class="w-header" style="text-align: center; padding:4px 0;background-color: #666867; color: #FFFFFF;"> <a href="https://www.mortgagenewsdaily.com/mortgage-rates" target="_blank" style="color: #FFFFFF;text-decoration:none;">Today&#x27;s Mortgage Rates</a></div>
    <iframe src="//widgets.mortgagenewsdaily.com/widget/f/rates?t=large&sn=true&c=666867&u=&cbu=&w=498&h=290" width="500" height="290" frameborder="0" scrolling="no" style="border: solid 1px #666867; border-width: 0 1px;box-sizing:border-box;width:500px;height:290px;display:block;"></iframe>
    <div class="w-footer" style="text-align: center; padding:4px 0;background-color: #666867; color: #FFFFFF;">View More <a href="https://www.mortgagenewsdaily.com/mortgage-rates" target="_blank" style="color: #FFFFFF;text-decoration:none;">Refinance Rates</a></div>
  </div>
 

Is it possible to center these blocks on mobile view so they are not left aligned?

That works on on the desktop size as I can have that video any size without impacting the mobile size.

Now the video on the mobile side needs adjust as it is only taking up about half of the width of the screen.

Mobile view picture is attached.

I narrowed down what screen sizes are causing the text boxes above the accordion boxes to wrap to 2-3 lines instead of staying to 1 line.

Those sizes are: 

768x1024

800x1280

1024x1366

Is there code that can be put in for the following page to resolve the wrapping issue?

Is it possible to resize a video in mobile but not have it impact the desktop size?

The video I need assistance with is at the link below. Video is towards the end of the page under the federal open market committee heading. You will see that it currently extends of the side of the mobile view.

No impact on the text boxes above the accordion boxes. They still wrap from one line to 2 or 3 lines in.

On the mobile device the library shows up ok. No text wrappping issue. That screen is approximately 3" by 6".

The Apple iPad is a 12" screen and has text wrapping. The browser on the iPad is safari 

I came across these codes for mobile and tablets. Don't know if this is beneficial. What would be the css code to put in for tablets below to prevent screen wrapping and I can experiment with it.

/* Mobile Screens Only */ @media only screen and (max-width: 640px)

{ CODE GOES HERE } /*

Tablet Screens Only */ @media only screen and (min-width: 641px) and (max-width:950px)

{ CODE GOES HERE }

/* Desktop Screens Only */ @media only screen and (min-width: 951px)

{ CODE GOES HERE }

I went through and adjusted the library page in mobile view and it resolved the issue when viewing on a phone.

When I look at the page on an iPad, I still have the same wrapping issue as before, where the text is stacked. Text should not wrap. 

Thank you for clarifying!

Would someone be willing to look at the following pages to see how best to go about the alignment issues that occur when viewing these pages in mobile view. The desktop view is good but some funky stuff happens in mobile.

Thanks in advance for your help!!!

I came across these codes for mobile and tablets. Don't know if this is beneficial.

I tried pasting in your code above into where it says to paste code here and it didn't take care of the text wrapping issue.

/* Mobile Screens Only */ @media only screen and (max-width: 640px)

{ CODE GOES HERE } /*

Tablet Screens Only */ @media only screen and (min-width: 641px) and (max-width:950px)

{ CODE GOES HERE }

/* Desktop Screens Only */ @media only screen and (min-width: 951px)

{ CODE GOES HERE }

No improvement. Should each text box be targeted as it also forced the text in some of the accordion boxes out of the side of the box.

Hi,

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

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

I have attached an image with a few examples circled. All text should just be a single line. You can also see where it split some words in the accordion boxes forcing them to increase in size. 

I have a few text issues that are normally displayed as one line on non mobile devices. When on a mobile device, it has split it into 2 lines. Is there css code to adjust for mobile devices?

For example, on non mobile devices, "stock resources" is on one line. 

On mobile devices it looks like

    stock

        resources

My site was designed with all pages as black for the background color. All pages show as black like they should on mobile devices. For some reason though, when you click on the hamburger stack that generates in mobile view, that background is white. How do I change it to black? This happens in safari browser. See attached picture.

I have a video that is 31 minutes in length that I would like to put up on my squarespace site. An error pops up that says video can only be 30 minutes even though it says I have 5 hours of video space left.

Does each video have a 30 minute time limit?

I prefer not to use youtube as they made some changes and you can't effectively get rid of recommended videos/playlists currently.