Mobile phone view is disaligned

[nahumpfrancis]

Dear Support,

Will you please help me solve the issues with mobile phone version of SKT GOLF themes please.

Testimonials and Our Team having issues. It is not showing properly on phone devices.

1. http://pathfinderyouthsociety.org/
https://imgur.com/K2udqID

2. https://infosightglobal.com/governing-body-of-infosight-global-resources-inc/
https://imgur.com/mXmOzdh

Please have a look at the photo and help me keep an alignment on my mobile devices.

Thank you!!!

[nahumpfrancis]

I want the testimonies to be more wider and opur team is to be organized in the same format about all the members.

Thank you

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px){
.cols4, .cols3, .cols2, .cols1 { width:100% !important;}
.bxslider .owl-item { padding:0 10px !important;}
}

Regards,
Brad

[nahumpfrancis]

Thanks Brad, it worked on the home page.

How do I change it on a page?

This is the page and page I want to change https://infosightglobal.com/governing-body-of-infosight-global-resources-inc/

It looks like this now https://imgur.com/mXmOzdh

[nahumpfrancis]

I have fixed by adding more keywords. Is there any way I can keep the minimum keywords and align properly please?

[Sonl Sinha]

Hi,

Is there any way I can keep the minimum keywords and align properly please???

I can’t understand a thing what you are saying.

Regards,
Brad

[nahumpfrancis]

Hello Brad,

Sorry for not explaining clearly.

The alignment on our team session is fine if I add more words. If I use the minimal word count, the alignment look weird on mobile phones. The members whose positions has less number of character/words size is look smaller than whose position has more number of words.

For example, the CEO & Founder’s column width is smaller than the Managing Director & Financial advisor’s cloumn width on mobile..

So, I want to keep the column width of each member the same with using minimum words in their positions.

I hope it clarifies…

Regards,
Nahum

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.cols4 { width:100% !important;}
}

Regards,
Brad

[Author]

Posts