Responsive 2 column in post (1 post)

  1. coffeeme
    Posted 1 year ago #

    I am trying to get 2 columns (50% each) to be 100% at a smaller screen. Easy right? Well I'm finding this very difficult.

    This is the structure of my columns
    <div class="leftColumn" style="width: 50%; float:left">

    • list left 1
    • list left 1
    • list left 1

    <div class="rightColumn" style="width: 50%; float:right">
    Text, text,text

    My custom CSS is
    @media(max-width: 480px) {
    .rightColumn {width:100%;} }

    This is not working. Any suggestions would appreciated.

    Note: I have tried this with page builder and it works, however page builder does not have the text editing buttons which I can't live without. I have also tried to wrap the columns in a Div,class and width 100%. That didn't work either.


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic