Okay
  Public Ticket #2301410
Team Members on Mobile 2 columns on mobile instead of 1.
Closed

Comments

  •  48
    Ben started the conversation

    Hi, I'm wondering if there's a way to edit this setup (see attached image) so that it shows 2 team members side by side on mobile instead of only 1. 

  •  3,022
    Andrew replied

    Hi Ben ,

    You can edit each of those columns containing the team member element and set the column settings in the responsive options tab of the column settings to determine the way the column displays on small devices.

    See attached screenshot of what we are referring to.

    Try that.
    Cheers. 

  •   Ben replied privately
  •  8,992
    Tahir replied

    Hey Again,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •   Ben replied privately
  •  3,022
    Andrew replied

    Hi Ben,

    To get the columns to two on mobile .Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    @media only screen and (max-width: 767px){
    #fws_5e4bfc55f3e64 .wpb_column:not([class*="vc_col-xs"]) {
        width: 50% !important;
        
    }
    #fws_5e4bfc56021fc .wpb_column:not([class*="vc_col-xs"]) {
        width: 50% !important;
    }
    #fws_5e4bfc5604390 .wpb_column:not([class*="vc_col-xs"]) {
        width: 50% !important;
    }
    }
    

    Hope this helps.

    Kind regard,

  •  48
    Ben replied

    Thanks. So is this a site wide change for all columns, or specific to the columns with the team elements? I'm assuming site wide for all columns, but thought I'd double check to be sure. 

  •   Ben replied privately
  •  8,992
    Tahir replied

    Hey Again,

    You need to replace "#fws_5e4bfc55f3e6" with the relevant Row ID for it to work for that particular row only. 

    Best 


    ThemeNectar Support Team 

  •  48
    Ben replied

    Thank you! I'll give it a try. Hope your day is going well!