Custom Spacing between columns breaks mobile

  • bendls

    (@bendls)


    8 years, 7 months ago

    Hi

    I have followed the FAQ to set the custom CSS to allow spacing between columns. However now when I visit the page on a mobile it isn’t responsive and whilst it does stack the columns on top of each other they only use 1/3 of the mobile screen.

    If I don’t set the custom CSS it’s responsive and works fine but on a desktop the columns are too close and the text is unreadable.

    Please help. I used;

    .one_third {
    width: 32% !important;
    margin-right: 2% !important;
    }
    .one_third.last_column {
    width: 32% !important;
    margin-right: 0px !important;
    }

    Thanks

    Bendls

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • jvmedia

    (@jvmedia)

    8 years, 6 months ago

    I tried this as well (adding css code to control padding), but it also didn’t work. Only way I’ve gotten padding to work is to put it into each shortcode.

Viewing 1 replies (of 1 total)

The topic ‘Custom Spacing between columns breaks mobile’ is closed to new replies.