Columns not lining up on mobile

  • Resolved alexfregon

    (@alexfregon)


    6 years, 4 months ago

    Hi,

    I’ve created a three-column form, which works beautifully on desktop, but on mobile where it displays as a single column, the second and third columns are appearing with 40px padding on the left. This just means it doesn’t look as neat as I’d like.

    I tried adding .entry-content ul {margin-left: 0;} to my CSS, as seen in another topic, but that didn’t work.

    Help!

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

Viewing 1 replies (of 1 total)
  • Plugin Author WebHolism

    (@webholism)

    6 years, 4 months ago

    Hi alexfregon,

    Thank you for contacting us with regards to the issue that you are encountering.

    It is not uncommon for themes to introduce indenting of list elements, and this appears to be the situation that you are encountering. The previous CSS that you tried was particular to an alternative theme definition.

    A possible solution for your site could be to introduce CSS styling similar to:

    li[class*=”column-count”] > div > ul {
    margin-left: 0px;
    }

    This should isolate the code associated to the Multiple Columns plugin. If you do see that other aspects of your site layout are impacted by the introduction of the above code, please feel free to send a message with details of what you are experiencing. We will do our utmost to assist.

    Many thanks for your time, and thanks for using our plugin.

    Kind regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Columns not lining up on mobile’ is closed to new replies.