Editing the size of the "Tweets" box on mobile

[Box 4 Special Services]

Hi Bill,

I’ve recently noticed that the tweets box on mobile is the same as on the desktop. I’d normally be fine with this, but on my mobile site it is cut off pretty bad.

Is there any way to edit the mobile site so it shows properly?

Thanks in advance,

Mike

[Bill Robbins]

Hi Mike,

We can keep that from happening. Twitter loads that content after the page is created so on smaller screens not enough space is being left for it. The way around it is to set a height for the widget. Here’s how to do that:

1. Go to the Appearance section in your WordPress dashboard and click on Customize.
2. Look down for the advanced section and click on it. Then choose Custom CSS.
3. In the box there, add this:

   
   @media only screen and (max-width: 1023px) {
   
   	#text-5 {
   		min-height: 320px;
   	}
   
   }
   

4. Save your changes.

See how that works for you.

Take care,
Bill

[Box 4 Special Services]

Bill,

Sorry it took so long to get back to you. I’m neck deep in a feedback survey and setting up new email services.

The CSS code worked. THANK YOU!

I’ve got another tweak I’d like to do for the website that I’ll probably post here next week when this survey slows down. (It’s not exactly high priority.)

Thanks again Bill!

– Mike

[Bill Robbins]

Glad that helped out Mike. Have a great weekend 🙂

[Author]

Posts