madseason
-
Posts
117 -
Joined
-
Last visited
madseason's Achievements
-
Wolfsilon reacted to a post in a topic:
Mobile color issue
-
Wolfsilon reacted to a post in a topic:
Mobile color issue
-
I was able to resolve the centering issue. Took some tweaking but was successful in getting good alignment on mobile.
-
Yes
-
madseason reacted to a post in a topic:
Centering text
-
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.
-
madseason reacted to a post in a topic:
Video resize
-
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?
-
madseason reacted to a post in a topic:
Center a block
-
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'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.
-
madseason reacted to a post in a topic:
Mobile view
-
Thank you for clarifying!
