Okay
  Public Ticket #433099
Shortcode makes responsive columns too big?
Closed

Comments

  • Tucker started the conversation

    When I use the shortcodes to make some columns, the width of 3 \"one_third\" columns adds up to 102%, which causes the third column to drop down.

    [one_third centered_text=\"true\"]
        [icon image=\"steadysets-icon-users\"]
        [heading subtitle=\"Be a Dos Lenguas Una Voz tutor\"]Volunteer[/heading]
    [/one_third]
    [one_third centered_text=\"true\"]
        [icon color=\"Accent-Color\" image=\"steadysets-icon-book\"]
        [heading subtitle=\"Dos Lenguas Una Voz matches up students who need help with volunteer tutors.\"]Get Mentoring [/heading]
    [/one_third]
    [one_third centered_text=\"true\"]
        [icon color=\"Accent-Color\" image=\"linecon-icon-like\"]
        [heading subtitle=\"Help us to meet our goals and donate today!\"]Donate [/heading]
    [/one_third]
    [one_whole]
        [heading]We Can Help You With[/heading]
    [/one_whole]
    


    Thanks for helping


    p.s. The CSS in question:

    @media (min-width: 690px){
    .span_4 {width: 32.0%;}
    .col {margin-right: 2%;}
    }

  • Tucker replied

    So, on the Related URL, you will see that the 3 columns are basically stacking properly. That is because I modified the CSS so it would work. But that is still not the right way! I still need an answer.

  •  1,075
    ThemeNectar replied

    Hey, when using column shortcodes outside of Visual Composer make sure for the last column you change it into a \"last\" such as [one_third_last][/one_third_last]

  • Tucker replied

    a ha of course, that thing. Thanks