Team Section columns too narrow

Hi, I am using the theme on www.activematch.ca and having issues on the TEAM section (renamed to ARTISTS) for this usage.

The columns are far too narrow and look really bad 3 across.

Is there any way to only allow 2 across and increase the space they have?

OR

Can I change the way the text/image are aligned to pic above everything instead of beside as it is now?

thanks
jason

I have the same problem. on earlier version this was working very good.
my request for support is here with attachments.
any solution for this?
https://colorlibsupport.com/t/team-section-on-portrait-view-not-as-i-want-to-see/

apologies - I meant, www.avantdance.ca not active match. *another site I am working on.

www.avantdance.ca

jason

Hi,

Can you try this Custom CSS? Go to Appearance -> Customize -> Additional CSS and add this CSS Snippet in it,

@media only screen 
  and (max-width: 480px) {
    #team .section-content .person .person-content { width: 100% !important; }
}

Let us know,

Thanks,
laranz.

Hi - really appreciate you taking the time to try and help.

Unfortunately it doesn’t solve the problem. When I add the CSS nothing changes at all in the design.

Im sure I only have to add the snippet and save to view the change?

Any other suggestions?

If we had the power to set how many ppl per row and the percentage they used was auto=100% it would be great!

jason

Hi,

I gave the solution on this thread, and for them it works, https://colorlibsupport.com/t/team-section-on-portrait-view-not-as-i-want-to-see/ can you make sure add that in Appearance -> Customize -> Additional CSS, and make sure clear your cache and see that in a mobile browser or resize the browser window and see that?

Let us know,

Thanks,
laranz.