[anthonyallenParticipant]

Hi,
I am using a row with 4 columns, each with a counter. Everything is perfect on desktop and mobile(iPhone 4s). But on the iPad (mini 2), in both portrait and landscape, the layout remains as 4 columns and the counters bleed into each other (they are bigger than their containers).

On the iPhone, the columns stack into a single column – perfect.

Using Cornerstone on Integrity stack fully updated.
http://www.miidear.com/wp
Bottom of the home page is the location of the row with counters.

[RupokMember]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media only screen and (min-width: 768px) and (max-width: 1169px) {
.x-counter .number-wrap {
  font-size: 28px;
}

.x-counter .text-above, .x-counter .text-below {
  font-size: 12px;
}

}

You can adjust the font-sizes if needed.

Hope this helps.

Cheers!

[anthonyallenParticipant]

Works great! Thanks.

[John EzraMember]

You’re most welcome!

[Author]

Posts